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Jakob Nielsen 


Jakob Nielsen PE FEVER AR — LRM] (Nielsen Norman Group ) 
Nea Ze für “Ae e HETE” (discount usability 
engineering ) 运动 ， gp s] HH — BC Dog T ACT Tr 33 He FAAS PA A TJ 
mE. fee (Se oT ATL SRI) AREA "dE Web 可 用 性 领域 
的 世界 杰出 专家 ”"， 权 威 报纸 《今日 美国 》 则 称赞 他 洞悉 过 去 未 来 的 
能 力 “ 卉 比 时 间 机 带 ”"。 他 还 是 畅销 书 Designing Web Usability: The 
Practice of Simplicity (New Riders Publishing, 2000) 的 作者 。 该 书 
AMER 22 种 语言 ， 销 售 量 超 过 25 万 册 。 

他 的 其 他 著作 包括 《可 用 性 工程 ( Usability Engineering )、 
Usability Inspection Methods ( Wiley, 1994, 与 Robert L. Mack 合 著 )、 
Multimedia and Hypertext: The Internet and Beyond ( Morgan 
Kaufmann, 1995), International User Interfaces ( Wiley, 1996 ), ( & 
业主 页 设计 技术 : 50 佳 站 点 赏析 》( Homepage Usability: 50 Websites 
Deconstructed, New Riders Publishing, 2001, 5j Marie Tahir 43% )、 
Prioritizing Web Usability ( New Riders Publishing, 2006, +5 Hoa Loranger 
tr). Eyetracking Web Usability ( New Riders Publishing, 2010, 与 
Kara Pernice G3 )。 从 1995 年 起 他 就 在 www.useit.com 开设 了 关于 
Web 可 用 性 的 专栏 Alertbox， 目 前 大 约 有 20 万 名 读者 。 

从 1994 年 到 1998 年 ， 他 一 百 是 太阳 微 系 统 公司 的 里 越 工 程 师 
( Distinguished Engineer )， 之 前 还 在 贝尔 通信 人 研究 所 、 丹 麦 技术 大 
学 和 IBM 用 户 界面 研究 所 工作 过 。 他 已 经 获得 了 80 多 项 美国 专利 ， 
主要 涉及 一 些 让 互联 网 更 易于 使 用 的 方法 。 他 拥有 丹麦 技术 大 学 人 
机 交互 方面 的 博士 学 位 。 
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Raluca Budiu 


Raluca Budiu È EMEEK — v se S HT — 5 HP ds e 
家 。 她 在 该 集团 从 事 可 用 性 研究 ， 与 各 行 各 业 的 大 型 企业 交流 沟通 ， 
并 提供 移动 可 用 性 、 触 措 设 备 可 用 性 、 设 计 师 认 知 心理 学 和 人 机 交 
互 原则 这 些 方面 的 辅导 培训 。 她 还 参与 撰写 有 关 移 动 可 用 性 、iPad 
可 用 性 和 儿童 网 站 可 用 性 的 研究 报告 。 

2004 年 到 2007 年 ， 她 曾 供职 于 施乐 公司 所 属 的 帆 洛 阿尔 托 研究 
中 心 (Xerox PARc )， 从 事 人 机 交互 研究 。 她 探索 出 了 一 些 测量 “ 信 
EAR” (information scent ) 的 新 方法 ,还 进行 过 社交 书签 系统 的 界面 、 
标签 (tagging ) 的 认 知 益处 等 方面 的 研究 。 她 还 曾 在 微软 公司 担任 
用 户 人 研究 员 ， 针 对 将 用 户 生 成 的 内 容 和 Web 社交 化 功能 整合 进 MSN 
这 个 课题 ， 进 行 方 器 性 探索 ， 并 提供 战略 性 建议 。 

去 由 洛 阿尔 托 研 究 中 心 工 作 之 前 ， 她 从 事 心理 博 言 学 和 认 知 科 
学 人 研究， 并 构建 计算 机 模型 展示 人 类 如 何 理解 语言 。 

她 创作 了 20 多 篇 人 机 交互 、 心 理学 和 认 知 科学 方面 的 文章 及 研 
讨 会 论文 ， 拥 有 卡 内 基 — 梅 隆 大 学 的 博士 学 位 。 
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本 书 的 主题 很 浴 单 : 如何 为 移动 设备 和 平板 电脑 设计 最 适合 的 网 站 及 应 用 。 与 其 他 众多 局 
-主题 的 书籍 不 同 ， 本 书 是 根据 普通 用 户 使 用 这 些 设备 的 实际 调研 写成 的 。 

从 过 去 几 十 年 的 可 用 性 研究 中 可 以 得 出 一 个 重要 教训 : ANSE AY EDR FT AT RELE 
一 般 人 觉得 易于 使 用 。 你 正在 阅读 这 本 书 ， 这 件 事 本 号 就 证 明 你 和 一 般 的 移动 用 户 有 着 很 大 区 
别 。 请 跟着 我 一 起 说 “目标 用 户 不 是 我 ， 除 非 你 要 设计 的 应 用 是 给 设计 师 用 的 。 

大 多 数 关 于 移动 端 设计 的 书籍 都 在 向 你 描述 作者 的 个 人 豆 好 ， 从 头 到 尾 讲 述 他 们 上 自己 觉得 
什么 是 好 的 。 尽 管 这些 观 点 可 能 很 有 趣 ， 但 从 更 具 代 表 性 的 用 户 那里 获取 实际 的 可 用 性 调研 结 
A BE 

第 1 章 介绍 了 我 们 是 如 何 进行 研究 的 。 如 果 只 想 知 道 调 研 结 末 ， 不 关心 调研 过 程 ， 那 么 你 
可 以 跳 过 这 一 音 。 但 这 一 章 很 得， 因此 建议 你 还 是 读 一 恋 。 也 许 你 会 发 现 得 到 真实 数据 竟然 这 
么 容易 ， 恨 不 得 马上 杀 目 进行 用 户 测试 。 谁 知道 呢 ? 

第 2 章 提 到 了 每 次 进行 移动 端 设计 前 都 应 先 回答 的 一 个 问题 : 你 是 否 真 的 需要 创建 一 个 移 
动 网 站 或 应 用 ? 

第 3 EMR 4 章 是 全 书 的 核心 部 分 ， 讲 解 如 何 针对 移动 设备 进行 设计 以 及 如 何 为 小 屏幕 创 
建 内 容 。 第 5 草 将 这 些 概念 进一步 运用 到 更 大 的 平板 电脑 屏幕 上 。 

第 6 章 为 读者 提供 了 超越 现 有 平面 触 探 屏幕 的 更 宽广 的 视角 。 附 录 则 回顾 了 iPhone 出 现 之 
前 的 那些 手机 。 


移动 世界 到 底 有 何不 同 

2012 年 ， 市 场 分 析 公 司 Monetate 公布 了 一 项 研究 结果 ， 是 根据 其 电子 商务 客户 所 产生 的 1 
亿 次 网 站 访问 分 析 得 出 的 。 其 中 ,不 同 的 网 站 访问 设备 所 产生 的 转化 率 存 在 巨大 差异 ， 如 下 表 
所 示 : 
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i & 转 化 率 
桌面 电脑 ” 3.5% 
ol 1.4% 
平板 电脑 Jae 


(D 这 里 指 包 括 台 式 机 、 笔 记 本 电脑 和 一 体 机 在 内 的 传统 PC。 一 一 译 者 注 
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“转化 率 ” 的 定义 很 简单 ， 是 指 发 生 期 望 行为 的 访问 者 占 全 体 访 问 者 的 百分比 。 在 
电子 商务 网 站 里 (例如 上 表 分 析 的 那些 ) 更 容 萄 理解 ， 因 为 “期 望 行为 ”就 是 指 购买 。 
因此 ，3 匈 的 转化 率 意 味 着 每 100 个 网 站 访客 中 有 3 人 发 生 了 购买 行为 ， 另 外 97 人 则 什么 都 
A 3L. 


很 明显 ,移动 用 户 发 生 购 关 行 为 的 比例 远 远 小 于 坐 在 PC 前 的 人 们 。 有 趣 的 是 ， 与 手机 用 
户 相 比 ， 平 板 电 脑 用 户 的 转化 率 更 接近 于 果 面 电脑 用 户 。 你 将 在 第 5 章 中 看 到 ， 这 点 与 我 们 获 
得 的 可 用 性 调研 结果 相符 ， 因 为 我 们 观察 到 ， 在 平板 电脑 ( 比如 iPad ) 上 浏览 网 站 要 比 在 手机 
上 容易 许多 。 

面 对 昌 面 电 脑 和 手机 间 转 化 紊 的 巨大 差异 ， 我 们 应 当 如 何 解 读 ? 可 能 至 少 会 得 出 以 下 两 种 
很 不 一 样 的 结论 。 

m 移动 用 户 体 验 肯 定 很 粳 料 。( 事实 上 ， 我 们 在 用 户 测 试 中 的 确 发 现 了 这 点 。) 因此 ， 如 采 

有 企业 设计 出 为 移动 设备 优化 过 的 、 方 便 移 动用 户 使 用 的 网 站 ， 那 它 束 发 财 了 。 毕 苋 ， 
如 打 移 动 网 站 像 梨 面 电脑 上 的 网 站 那样 吻 用 的 话 ， 移 动 销售 量 将 会 是 目前 的 2.5 fi. 

W 投资 移动 庙 设计 并 不 值得 ， 因 为 移动 用 户 并 不 会 寓 来 多 少 生 意 。 手 机 适合 做 一 些 珊 僻 的 

事情 ， 比 如 查看 体育 比赛 的 得 分 和 发 布 Facebook 更 新 , 却 不 适合 用 来 做 更 高 价值 的 事 儿 。 

这 两 种 结论 都 有 道理 。 我 们 将 在 第 2 革 指 出 ,一 些 企业 根本 没有 必要 进行 移动 端 设计 ， 而 
其 他 许多 企业 则 应 当 进 行 移 动 界 面 改 进 ， 使 其 更 加 符合 移动 可 用 性 的 原则 ， 即 使 他 们 目前 尚未 
从 移动 用 户 喘 上 获得 多 少 收益 。 很 可 能 的 情形 是 ， 低 转化 率 造 成 生意 稀少 ， 而 低 转化 率 本 喘 又 
是 因为 采用 的 设计 不 能 满足 移动 用 户 的 特殊 需求 。 

那么 ， 这 些 特殊 的 移动 可 用 性 问题 到 撒 是 什么 呢 ? 从 某 种 程度 上 而 言 ， 它 们 中 的 一 些 与 我 
们 之 前 在 Web 可 用 性 的 书 中 讨论 的 津 见 可 用 性 问题 并 无 太 大 区 别 。 最 主要 的 区 别 是 ， 每 一 条 可 
用 性 原则 在 移动 世界 里 都 变 得 更 加 重要 。 

举例 来 说 , 当 讨论 Web 写作 时 , 我 们 总 是 提 到 要 简短 , 要 在 页 面 顶部 承 百 帘 了 当地 表明 观点 。 
如 果 一 开始 不 能 立即 切中 用 户 目 前 的 问题 ， 许 多 人 就 根本 不 会 再 去 看 下 面 的 内 容 。 这 条 原则 对 
更 面 电脑 应变 计 和 移动 细 设 计 痢 成 立 ， 但 对 移动 端 而 言 更 加 严格 。 在 小 屏 虱 上 ， 文 本 不 应 只 旦 
简短 ， 而 应 该 是 极 得， 移动 端的 “页 面 顶部 ”意味 着 一 块 更 加 狭小 的 区 域 。 

有 两 种 方式 可 用 来 判断 移动 和 桌面 电脑 的 用 户 体验 问题 是 否 人 存在 区 别 。 首 先 ， 根 据 经 验 ， 
我 们 可 以 肯定 地 说 这 两 类 设备 间 存 在 着 可 测量 的 差异 ， 前 表 中 的 转化 率 和 我 们 在 本 书 中 列举 的 
用 户 测试 数据 都 体现 了 这 一 点 。 

其 次 ,根据 常识 ， 对 明显 不 同 的 设备 应 当 在 设计 上 有 所 区 别 。 在 Web 诞生 之 初 ， 我 们 不 得 
不 同人 们 解释 设计 网 页 和 设计 杂志 、 宣 传 册 这 样 的 印刷 品 不 是 一 回 事 。 而 现在 ， 绝 大 多 数 人 很 
可 能 都 已 经 意识 到 ， 印 刷 和 在 线 是 两 种 过 然 不 同 的 嫁 介 ， 需 要 采取 不 同 的 设计 手法 。 与 之 类 似 ， 
移动 器 和 时 面 闯 设备 在 使 用 上 也 有 春 许 多 区 别 ， 例 如 ， 前 者 的 屏 才 小 而 后 者 的 屏 峰 大， 前 者 经 
利 移 动 而 后 者 相对 静止 ， 前 者 使 用 触 岳 控制 而 后 者 使 用 鼠标 操作 ， 前 者 使 用 无 线 联网 《有 时 不 


IX 


qu. 


RER) 而 后 者 使 用 高 速 有 线 互 联网 ， 等 等 。 


屏幕 蕉 图 只 意 在 举例 说 明 


两 年 后 读者 会 在 各 种 网 上 书店 里 对 本 书 发 表 什 么 样 的 书评 ， 我 们 现在 就 可 以 告诉 你 。 许 多 
读者 会 抱怨 书 中 的 屏 闪 惟 图 太 老 了 了， 其 他 人 则 会 说 还 没 等 到 企业 重新 设计 (希望 到 时 候 绝 大 多 
数 都 已 这 么 做 了 ) 就 对 人 家 原 有 的 移动 网 站 样式 进行 批评 是 不 公平 的 。 

实际 上 ， 即 使 你 在 出 版 当日 就 购买 了 本 书 ， 可 能 仍然 会 有 同样 的 感受 : 批评 一 些 在 本 书 编 
辑 和 印刷 时 就 已 得 到 改善 的 设计 不 太公 平 。 移 动 领域 的 发 展 日 新 月 异 ， 当 你 急切 地 拿 到 一 本 新 
鲜 出 炉 的 书 时 ， 里 面 提 到 的 许多 网 站 和 应 用 必然 都 已 经 推出 了 新 的 版 本 。 

然而 让 我 们 明确 一 点 : 我 们 展示 这 些 屏 幕 截图 不 是 为 了 批评 网 站 的 所 有 者 或 设计 师 。 这 不 
是 一 本 评选 最 佳 移动 网 站 或 推荐 优秀 应 用 的 书 。 我 们 甚至 不 关心 某 个 特定 网 站 是 好 是 坏 ， 因 为 
无 论 好 坏 都 和 我 们 没有 太 大 关系 。 不 过 ， 我 们 总 是 乐于 见 到 网 站 做 出 改进 ， 因 为 这 代表 了 我 们 
的 可 用 性 研究 成 果 被 采纳 ， 但 如 宁 某 种 设计 仍然 保持 原样 或 者 变 得 更 糟 ， 我 们 也 不 会 介 怀 。 

书 中 展示 的 屏 幕 规 图 只 是 用 来 举例 说 明 相 应 的 可 用 性 调研 成 果 。 如 果 我 们 不 举例 而 是 不 异 
骗 幅 详细 解释 那些 抽象 的 原则 ， 读 者 铠 怕 都 要 睡 着 了 。 

教学 设计 中 一 个 众所周知 的 人 性 原则 就 是 ， 具 体内 容 比 抽象 内 容 有 着 更 好 的 传播 效果 。 我 
们 只 不 过 是 在 依照 目 己 的 原则 ， 通 过 展示 ， 而 不 仅仅 是 告知 ， 来 表达 我 们 的 意思 。 

即使 某 个 企业 突然 大 彻 大 悟 ， 在 我 们 截取 图 像 之 后 做 了 设计 改进 ， 原 图 依然 是 用 来 演示 可 
用 性 原则 的 恨 好 取材 。 

举 一 个 元 例子 (meta-example， 意 即 关 于 例子 的 例子 )， 比 方 说 我 们 采用 了 一 张 苹 果 公 司 
1976 年 使 用 的 彩虹 条 纹 徽标 (logo) 图 ， 以 此 说 明 你 可 以 如 何 将 多 种 颜色 纳入 一 个 徽标 之 中 。 
虽然 苹果 公司 在 1998 年 就 改 用 了 单 色 徽标 ,但 这 并 不 意味 着 所 有 1976 版 的 徽标 图 片 都 应 从 关 
于 徽标 颜色 的 讨论 中 排除 出 去 。 

事实 上 ， 老 的 例子 有 时 候 比 新 的 更 好 ， 因 为 它们 会 更 清楚 地 展现 出 淤 在 的 设计 原则 。 一 些 
可 用 性 错误 正在 变 得 越 来 越 罕 见 〈 很 苹 运 )， 以 至 于 你 只 能 在 一 些 无 名 网 站 上 看 到 。 然 而 这 些 网 
站 往往 在 同一 屏 中 犯 下 多 个 设计 错误 ,使 得 拿 它 当 范 例 很 容易 产生 混淆 。 即 使 已 经 变 得 罕见 ， 
我 们 仍然 需要 提醒 读者 避免 这 些 可 用 性 错误 ， 因 为 总 是 会 有 人 辟 揭 出 一 个 糟糕 的 设计 ， 让 这 些 
铬 误 重 见 天 日 。 

P 面 就 是 一 个 很 好 的 例子 。 经 过 十 年 漫长 的 努力 ， 启 动画 面 这 一 对 用 户 严 重 不 友好 的 设计 
概念 总 算 几 乎 从 Web 上 绝迹 了 。 现 在 已 经 没有 任何 大 型 企业 或 知名 电子 商务 网 站 会 在 首页 前 端 
放 上 一 段 Flash 介绍 动画 了 。 但 是 ,我 们 测试 的 一 些 移 动 应 用 就 重新 引入 了 这 一 糟糕 的 用 户 体验 。 
果然 ,测试 用户 对 这 种 新 设计 候 声 载 道 ， 丈 像 2000 年 时 上 一 代用 户 抱 候 Flash 介绍 动画 一 样 。 

算 改 一 名 名言": 良好 用 户 体验 的 代价 就 是 永远 保持 警惕 。 如 果 你 不 了 解 过 去 的 错误 ， 它 就 
会 回来 咬 你 和 你 的 客户 一 口 。 


(D 原文 是 “自由 的 代价 就 是 永远 保持 警惕 ”"。 一 一 译 者 注 


如 采 你 在 本 书 中 发 现 了 目 己 设计 的 屏幕 玲 图 ， 请 放心 ， 我 们 并 没 打算 对 你 不 利 ， 也 不 是 在 
对 你 的 设计 大 发 牢 又 。 我 们 很 清楚 ， 商 业 设 计 就 是 一 个 接 一 个 的 妥协 。 何 总， 设计 决定 权 还 经 
利 尘 握 在 老 派 的 、 不 理解 交互 设计 的 管理 者 手中 。 
书 中 的 范例 只 有 一 个 意图 ， 即 让 我 们 的 调研 成 果 更 加 上 有 具体。 你 可 以 借助 它们 了 解 某 些 用 户 
界面 给 普通 用 户 市 来 了 哪些 便利 或 是 给 他 们 造成 了 哪些 麻烦 。 


Jakob Nielsen 和 Raluca Budiu 


o WW 


写 这 本 书 的 过 程 中 我 们 得 到 了 尼尔森 — 248 (Nielsen Norman Group ) 众多 项 目 组 的 文 
ffo Janelle Estes WA T HP WHEA ERE, Marieke McCloskey 则 研究 了 人 们 如 何在 
^F FEL A A HR 332 ed sett Ee, ANRE AR e Y —26]]: 89] xf. Hoa Loranger, 
Kara McCain, Amy Schade 和 Kathryn Whitenton 协助 我 们 做 了 几 项 可 用 性 调研 ，Kara McCain 还 
重新 设计 了 本 书 中 几 张 屏 龙 范例 图 ， 以 演示 如 何 改 进 可 用 性 。Luice Hwang 为 我 们 在 其 他 州 和 其 
他 国家 进行 的 众多 调研 建立 了 所 需 的 设施 。Susan Pernice 在 澳大利亚 和 和 荷兰 的 调研 中 主持 了 参 
与 者 招 莫 工作。 包括 Jen Cardello, Susan Farrell, Garrett Godlfield, Don Norman, Kara Pernice 
和 Bruce Tognazzini 在 内 的 其 他 尼尔森 一 诺 曼 集团 成 员 则 分 娃 了 他 们 自己 有 关 移 动 应 用 及 网 站 的 
故事 和 见解 。 

本 书 第 6 章 中 那些 前 党 视 沉 概念 是 由 Bruce Tognazzini, Amy Gallaher 和 Shuli Gilutz 组 成 
的 团队 提出 的 。Marc Ramsay 负责 了 2000 年 的 WAP 手机 调研 。Scott Butler 和 Ovo Studios 1i 
慨 地 为 我 们 提供 了 一 些 调研 中 所 需 的 移动 设备 摄像 头 。Hannah Kain, Aaron Katske 和 Brandon 
Marugg 帮助 我 们 解决 了 加 利 福 尼 亚 州 多 项 调研 的 设施 问题 。Cristian Lupsa 和 Decât o revista Z& 
志 为 我 们 在 罗马 尼 亚 的 调研 提供 了 场地 和 其 他 便利 条 件 ，Eric Chow 则 为 我 们 在 香港 的 调研 招收 
了 参与 者 。Mihai Budiu 不 但 为 我 们 的 Windows Phone 7 调研 出 借 自 己 的 手机 ， 无 私 地 提供 技术 
支持 和 建议 ， 还 贡献 了 不 少 深 刻 的 见解 。 最 后 ， 我 们 还 要 特别 感谢 为 本 书 付 梓 付 出 辛勤 劳动 的 
编辑 Susan Rimerman、Anne Marie Walker 和 Tracey Croom, 
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第 1 章 我 们 的 研究 


本 书 和 其 他 几乎 所 有 天 于 移动 用 户 界面 设计 的 
书 有 一 点 区 别 : 我 们 的 发 现 和 建议 都 基于 实际 调研 。 
我 们 不 依赖 于 目 己 的 见解 ， 也 不 会 建议 你 设计 我 们 
自己 偏爱 的 移动 网 站 和 应 用 。 


相反 ， 我 们 介绍 的 是 世界 各 地 的 普通 用 户 实 
际 上 是 如 何 使 用 网 站 和 应 用 的 。 人 们 豆 欢 什么 ? 不 
BRA? 什么 设计 易于 使 用 ? 什么 设计 会 造成 不 
便 ? 我 们 知道 ， 是 因为 我 们 曾经 杀 眼 目睹 。 


2 第 1 章 我们 的 研究 


亲爱 的 读者 ， 你 多 半 不 是 一 名 普通 用 户 。 你 可 能 对 移动 设备 和 用 户 界 面 设计 格外 感 兴 趣 ， 
否则 为 什么 会 购 严 本 书 ， 而 不 是 以 同样 价格 天 下 好 几 本 精彩 十 足 的 犯罪 小 说 呢 ? 

我 们 俩 (Jakob 和 Raluca ) 都 拥有 博士 学 位 ， 有 着 数 十 年 的 高 科 拉 企业 从 业经 历 和 用 户 体验 
研究 经 验 。 我 们 甚至 都 住 在 硅谷 。 我 们 侦 的 个 人 豆 好 无 足 轻 重 ， 因 为 我 们 和 全 球 大 多 数 用 户 完 
全 不 同 。 别 为 我 们 设计 ， 同样 ， 也 别 为 你 日 己 设计 。 

要 为 你 的 客户 设计 。 

我 们 强烈 建议 你 在 客户 试用 你 的 设计 时 ， 针 对 他 们 进行 可 用 性 调研 。 每 一 次 ， 你 都 会 收获 
有 价值 的 东西 。 在 本 章 中 ， 你 会 进一步 了 解 研 究 移动 可 用 性 的 正确 方法 。 

不 过 ， 为 什么 不 和 完 从 我 们 已 经 完成 的 调研 中 获 益 呢 ?” 本 书 中 的 发 现 综合 了 多 项 研究 ， 是 从 
对 真实 用 户 行为 的 数 百 小 时 观察 中 提 炬 而 来 的 。 本 作对 这 些 调研 做 了 概述 。 如 果 你 不 在 乎 我 们 
是 如 何 做 出 这 些 发 现 的 ， 可 以 跳 过 第 1 革 的 其 余部 分 ， 下 接 阅 读 第 2 草 的 调研 结果 。 


客户 委托 的 研究 


我 们 进行 两 种 形式 的 用 户 研究 : 客 


尽管 我 们 不 能 透露 客户 委托 的 工作 ， 


户 委 托 调 研 和 我 们 公司 ( 尼尔森- 诺 曼 集 但 是 我 们 显然 清楚 那些 调研 中 发 生 的 一 


A) 自己 出 资 进行 的 调研 。 咨 询 服 务 的 首 
要 原则 是 对 所 有 客户 信息 保密 。 因 此 ， 我 


1178 AEE SE POOR, UR AEE EE 
的 调研 结果 。 这 就 是 为 什么 我 们 在 客户 委 
托 调 研 之 外 还 进行 了 大 量 的 独立 研究 。 我 
们 为 这 些 研究 支付 费用 ， 因 此 可 以 自由 地 


切 。 因 此 ， 那 些 秘 笑 的 研究 发 现 为 公开 的 
调研 设计 方法 提供 了 线索 。 如 果 在 客户 委 
托 调研 中 发 生 了 闻所未闻 的 事 ， 我 们 就 会 
投资 一 项 公开 调研 以 进一步 了 解 这 种 用 户 
行为 。 如 果 一 项 新 的 客户 委托 调研 确认 了 
上 一 年 某 项 公开 调研 的 发 现 ， 我 们 就 知道 


告诉 你 所 发 生 的 一 切 。 本 书 中 的 信息 均 基 
于 这 些 自费 的 研究 。 


1.1 Bidstia it 


在 之 前 的 移动 项 目 中 ， 我 们 分 别 进行 了 两 项 日 记 式 调研 来 了 解 人 们 在 手机 上 做 了 哪些 事情 。 
第 一 项 调研 涉及 14 个 人 人， 他们 来 自 6 个 国家 (澳大利亚 、 衙 兰 、 罗 马 尼 亚 、 新 加 坡 、 英 国 和 美 
国 )， 拥 有 不 同类 型 的 手机 ( 功能 型 手机 和 智能 手机 ， 包 括 触 屏 手 机 )。 在 第 二 项 日 记 式 调研 里 ， 
我 们 对 13 位 美国 的 iPhone 手机 用 户 采 集 了 数据 。 

在 第 一 项 日 记 式 调研 中 ， 我 们 不 太 关 心 具体 的 可 用 性 问题 ， 所 以 征集 了 技术 水 平 相对 较 高 
的 受 试 者 ， 并 且 不 像 传 统 可 用 性 测试 那样 对 他 们 的 职业 进行 限制 C 比如 不 能 是 开 相关 职业 )。 
而 在 第 二 项 调研 里 ， 我 们 招 蓝 了 不 在 市 场 营 销 或 IT 相关 领域 工作 的 更 加 普通 的 用 户 。 

两 项 日 记 式 调研 部 使 用 了 片段 技巧 (snippet technique ) 的 一 种 变型 ， 使 移动 记录 尽 可 能 地 
迅速 ， 尽 量 不 打扰 用 户 。 受 试 者 用 Twitter 记录 一 到 两 周 内 他 们 在 手机 上 做 的 每 一 件 事 (除了 打 


1.2 ”可 用 性 测试 3 


电话 和 发 短信 )。 他 们 每 次 使 用 移动 设备 ， 就 会 发 一 条 人 微 博 来 帮助 自己 回忆 所 做 的 事 。 在 一 天 绪 
束 后 ， 用 户 回顾 这 些微 博 ， 并 在 一 张 列举 相应 移动 行为 的 问卷 上 详细 填写 每 项 行为 的 来 龙 去 脉 。 


第 一 项 日 记 式 调研 结束 时 ， 我 们 对 用 户 进行 了 短暂 的 电话 访问 。 在 第 二 项 调研 里 ， 受 试 者 
来 到 实验 室 参 与 了 一 项 第 规 的 可 用 性 测试 ， 而 非 电话 访问 。 


1.2 可 用 性 测试 


这 些 年 来 ， 我 们 进行 了 众多 的 移动 可 用 性 调研 ， 地 点 不 仅 包 括 美 国 ， 还 包括 其 他 一 些 国家 
和 地 区 《澳大利亚 、 中 国 香港 、 谷 兰 、 罗 马 尼 亚 和 类 国 )。 这 些 都 是 传统 的 可 用 性 调研 ， 运 用 了 
随想 随 说 ( Think-aloud ) 的 方法 。 调 人 研 在 一 对 一 环境 下 进行 ， 每 次 一 个 测试 用 户 。( 不 是 焦点 小 
组 座谈 。) 

这 些 调 研 的 目的 是 了 解 人 们 在 使 用 各 种 手机 《〈 功能 型 手机 和 触 屏 / 非 触 屏 智能 手机 ) 的 应 


用 和 访问 互联 网 时 遇 到 的 典型 可 用 性 问题 。 


在 大 多 数 可 用 性 测试 中 ， 用 户 将 自己 的 手机 或 平板 电脑 带 到 我 们 的 实验 室 ， 进 行 60 ~ 90 
分 钟 的 单独 测试 。( 例外 : 少数 受 试 者 在 平板 电脑 测试 中 使 用 了 我 们 提供 的 设备 。) 每 次 测试 涉 
及 一 位 受 试 者 和 一 位 协助 者 ， 某 些 情 况 下 还 有 一 到 两 位 观察 者 。 受 试 者 先 告 诉 我 们 他 们 平常 如 
何 使 用 自己 的 设备 ， 并 向 我 们 展示 一 些 已 安装 的 应 用 。 接 下 来 ,我 们 给 每 位 受 试 者 安排 一 些 任 
务 去 完成 ， 这 些 任务 涉及 互联 网 或 移动 应 用 。 用 户 就 以 下 方面 进行 评论 : 

B 他 们 正在 寻找 什么 ， 或 阅读 什么 ; 

B 他 们 喜欢 网 站 的 何 处 ， 或 不 喜欢 何 处 ; 

B 他 们 完成 任务 时 ， 有 什么 方便 之 处 ， 或 有 什么 妨碍 之 处 。 

有 些 任务 是 限制 所 用 网 站 或 应 用 的 ( 例如， 访问 espn.go.com 查找 今 晚 在 ESPN 电视 频道 
dE AA NBA 篮球 比赛 可 看 )， 男 一 些 则 是 开放 性 的 ( 比如 查找 单词 dollar 的 起 源 )， 要 求 用 户 
首先 选择 一 个 或 多 个 合适 的 网 站 或 应 用 ， 然 后 以 此 解决 问题 。 对 限制 性 任务 ， 如 果 要 使 用 应 用 ， 
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用 户 必 须 找到 应 用 并 安 半 到 于 机 上 ;， 如 采 要 使 用 网 站 ， 则 需要 想 办 法 用 手机 访问 该 网 站 。 

de 1-1 提供 了 一 些 用 户 执行 任务 的 例子 。 开 放 性 任务 让 用 户 决 定 要 使 用 哪些 应 用 或 网 站 完 
成 任务 ， 限 制 性 任务 则 指明 了 用 户 必 须 使 用 的 应 用 或 网 站 。 

总 共有 124 位 用 户 参 与 了 我 们 的 手机 可 用 性 测试 ， 另 有 35 位 参与 了 平板 电脑 测试 ， 共 计 
159 人 。 他 们 每 周 都 多 次 进行 除 短信 和 电话 外 的 其 他 手机 活动 。 我 们 得 除了 技术 专家 和 在 可 用 
性 或 市 场 彰 销 领域 工作 的 人 ， 因 为 他 们 不 是 我 们 所 测试 网 站 的 目标 用 户 ， 并 且 因 其 专业 知识 容 
易 表现 出 非典 型 的 行为 特征 。 

在 大 多 数 调研 中 ， 我 们 使 用 视频 展示 台 记 录 受 试 者 和 手机 的 互动 ， 其 他 一 些 调研 则 将 移动 
摄像 头 固定 在 手机 上 。 视 频 展示 人 台 和 移动 摄像 头 让 有 党 试 者 能 把 手机 查 在 手中 。 


表 1-1 我 们 在 可 用 性 测试 里 使 用 的 一 些 任务 


开放 性 任务 限制 性 任务 
查询 猪 流 感 的 症状 以 及 如 何 防止 受 感 染 的 信息 使 用 yelp.com 查看 对 旧金山 Absinthe 餐厅 的 客户 评价 
查看 本 地 今 晚 的 天 气 预 报 你 有 50 美元 可 以 给 自己 买 件 衣服 。 使 用 IC Penney 应 


用 找 一 些 目 己 可 能 喜欢 的 
你 想 在 晚上 看 电影 之 后 储 用 些 甜 点 和 美酒 。 找 到 一 个 既 提 ”你 想 要 买点 意大利 面 、 西 红 柿 切片 和 冰淇淋 。 使 用 


供 美 味 甜点 又 在 晚 10 点 后 仍然 营业 的 地 方 Coles 应 用 建立 一 个 包括 以 上 这 些 物 品 的 清单 

你 的 朋友 想 在 晚上 8 点 后 在 电视 上 看 一 部 电影 。 找 到 一 份 ” 使 用 AA Stocks 应 用 查找 中 国 移动 当前 的 股票 价格 ， 还 
今 晚 电视 节目 的 列表 ， 并 选择 一 部 她 可 能 想 看 的 电影 有 上 个 月 这 支 股 票 的 走势 情况 

找到 一 段 《 猫 和 老鼠 》 的 动画 视频 使 用 iPad 上 的 Flipboard 应 用 查看 新 闻 。 设 置 一 下 这 个 


应 用 ， 让 它 展示 你 感 兴趣 的 新 闻 话题 


现在 是 晚上 6 点 ， 你 需要 从 West Kensington 赶 往 Tufnell 你 打算 从 观 景 台 拍 一 张 金门 大 桥 的 上 照片。 使 用 LightTrac 
Park。 你 决定 乘坐 地 铁 。 找 到 一 条 换 乘 尽 可 能 少 的 最 佳 路 线 ”查询 一 下 明日 中 午 太阳 光线 的 方向 


1.3 用户 定性 研究 


如 末 你 是 一 个 老 浅 的 市 场 彰 销 人 士 ， 我 们 在 移动 可 用 性 调研 中 只 测试 了 159 名 用 户 可 能 不 
会 给 你 留 下 深刻 印象 。( 当年 ， 我 们 在 WAP "手机 研究 和 其 他 各 种 古老 的 、 前 iPhone 时 代 的 移 
动 设计 调研 中 测试 了 更 多 的 用 户 ， 但 基本 不 属于 这 里 的 讨论 范围 。) 

我 们 不 是 要 预测 下 一 季度 iPhone 或 Android 手机 哪个 会 在 千 禧 世代 “的 人 群 中 卖 得 更 多 。 同 
样 ， 我 们 也 不 是 要 测量 某 个 特定 品牌 名 称 的 无 提示 回忆 度 (unaided recall ) 或 消费 者 对 某 品牌 的 
人 态度 


我 们 研究 行为 ， 而 不 是 观念 。 我 们 研究 具体 的 用 户 界面 设计 ， 看 每 个 设计 要 素 是 会 让 用 户 


(D WAP 是 Wireless Application Protocol ( 无 线 应 用 协议 ) 的 简称 。 
D Fete (Millennial) X fg Y ER, Æ X ERE, 一 般 指 20 世纪 70 年代 末期 到 2000 年 左右 出 生 的 人 。 
一 一 译 者 注 
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更 容易 完成 任务 ， 还 是 会 给 他 们 带 来 不 便 。 这 种 类型 的 研究 最 适合 使 用 定性 的 方式 ， 而 非 从 大 
量 用 户 中 采集 统计 数字 。 

打 个 比方 ， 试 想 一 下 某 医 院 走 廊 里 的 地 毯 设计 。 如 采 观 察 到 几 个 使 用 助 行 融 的 老年 病人 被 
地 壬 的 突起 部 分 毕 倒 了， 你 就 可 以 合理 地 下 结论 说 地 稚 的 突起 部 分 会 给 老年 病人 造成 可 用 性 问 
题 ， 并 建议 医院 选用 更 平整 的 地 毯 。 

你 无 需 观 察 1000 个 老人 绥 绥 穿 过 走 层 ， 然 后 计算 其 中 有 多 少 人 被 毕 倒 。 你 也 不 应 该 一 下 等 
厦 ， 直 到 医院 因为 某 个 可 怜 的 老 太 太 摔 伤 了 臂 部 而 遭 到 起 诉 。 


历史 的 教训 : 


1999 年 ，Jakob Nielsen 写 了 关于 网 站 
= JE PEWS 5% — A +3 Designing Web Usability: 
The Practice of Experience ( Peachpit Press )。 
为 该 书 的 封面 搭配 了 显眼 的 蓝 色 和 绿 
色 ， 许 多 人 因此 称 其 为 “ 蓝 绿 之 书 ”。 

Designing Web Usability 所 依据 的 可 用 
性 测试 数量 和 本 书 差不多 ， 也 是 不 到 200 
名 用 户 ， 可 它 却 足 以 明确 Web 可 用 性 中 的 
所 有 主要 问题 : 人们 不 愿意 等 待 缓慢 的 下 
载 ， 讨 厌 欢 迎 页 面 ， 对 绝 大 多 数 内 容 都 一 
扫 而 过 等 。 

起 初 ， 常 尚 酷 炫 设计 的 人 士 对 Desig- 
ning Web Usability 所 传达 的 信息 持 怀 疑 态 
度 。 然 而 今天 我 们 可 以 肯定 地 说 ， 任 何 有 
志 于 在 互联 网 上 真正 做 生意 的 企业 都 已 采 
纳 了 那 本 老 书 里 的 绝 大 多 数 建议 。 

虽说 光 赁 一 个 样本 不 能 得 出 什么 明确 
的 结论 ， 但 我 们 可 以 合理 地 预言 : 你 手中 


这 本 书 也 将 面临 和 1999 年 的 Desiening Web 
Usability 一 书 相 同 的 命运 。 一 开始 ， 部 分 
设计 师 会 排斥 书 中 那些 与 他 们 个 人 总 好 
不 符 的 研究 发 现 ， 然 而 几 年 之 后 ， 可 用 性 
研究 将 会 成 为 行业 共识 。 现 在 开始 读 这 本 
书 ， 你 就 有 了 先 下 手 为 强 的 机 会 ， 可 以 在 
其 他 人 行动 之 前 (这 点 是 毫 无 疑问 的 ) A 
先 遭 照 书 中 的 建议 开始 执行 。 

Designing Web Usabiliy 在 它 的 时 代 里 
是 一 本 伟大 的 书 ( 即使 只 有 我 们 自己 这 么 
看 ) 。 然 而 它 创作 于 1999 年 ， 那 时 的 互联 
网 还 像 个 远古 野兽 。 如 果 你 想 知 道 有 关 
Web 可 用 性 的 最 新 建议 ， 我 们 更 布 望 你 阅 
读 在 那 之 后 我 们 创作 的 新 书 Prioritizing Web 
Usability ( Peachpit Press, 2006 ) 和 Eyetracking 
Web Usability ( Peachpit Press, 2009) ， 这 
两 本 书 都 是 基于 对 上 千 测 试用 户 的 研究 。 


突出 的 统计 信息 ( 比如 一 张 写 着 “ 据 统 计 ,13.2% 的 病人 会 被 地 毯 突 起 部 分 绊 倒 ”的 约 灯 片 ) 
可 能 会 令 管 理 层 印 象 深 刻 ， 从 而 说 服 他 们 去 购买 新 的 地 牧 。 同 样 ， 因 医院 设施 叶 华 安全 事故 引 
起 的 法 律 诉 诊 也 会 让 他 们 备 加 重视 。 然 而 ， 仅 仅 通过 一 个 下 午 的 观察 性 全 究 ， 你 束 可 以 立即 得 
出 应 铺设 更 安全 地 毯 的 建议 。 

现实 生活 中 ， 看 见 一 个 问题 ， 你 就 知道 它 的 存在 。 你 并 不 是 一 定 要 将 其 量化 。 

更 进一步 说 ， 我 们 可 以 从 少 得 多 的 用 户 数 量 中 估计 出 问题 的 严重 程度 ， 而 不 需要 从 庞大 的 
人 群 中 获取 精确 统计 数 子 。 茶 一 设计 元 系 到 底 给 63% 还 是 65% 的 用 户 造成 不 便 真 的 很 重要 吗 ? 
如 来 通过 一 项 简单 的 调研 束 能 够 得 出 结论 ， 说 菏 项 设计 给 “大 多 数 ” 用 户 造 成 了 不 便 ， 那么 就 
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足以 说 明 该 设计 必须 据 弃 了 。 

再 举 个 例子 ， 比 方 说 某 网 站 将 要 发 布 一 篇 基于 HSNI 禽 流 感 的 文 草 ， 标 题 是 “Burd Flu 
Outbreak in Hong Kong”。 稿件 编辑 多 半 会 注 明 到 “Burd” 一 词 拼 错 了 ,正确 的 拼 法 应 该 是 “Bird”。 
即使 该 网 站 只 有 一 个 人 做 稿件 校对 , 这 个 错误 也 足以 被 认定 和 修正 , 而 无 需 让 1000 个 编辑 投票 ， 
看 看 有 多 少 人 同意 “Bird” 才 是 这 个 单词 的 正确 拼 法 。 

MRA, 一 些 可 用 性 问题 很 细微 ， 一 次 两 次 不 足以 发 现 。 但 是 通过 观察 横 跨 四 大 洲 的 
159 名 用 户 ， 我 们 足以 了 解 任何 重大 的 可 用 性 问题 。 本 书 限于 篇 幅 ， 只 能 涉及 一 些 重要 的 问题 。 
对 这 些 问 题 而 言 ， 我 们 所 做 的 定性 研究 已 经 足以 帮助 认定 什么 是 好 设计 ， 什 么 是 坏 设计 了 。 

我 们 并 不 人 研究 那些 对 移动 网 站 或 应 用 的 商业 价值 来 说 只 有 1 个 百分点 影响 的 轻微 设计 问题 。 
我 们 只 寻找 大 型 猎物 ， 所 以 选择 了 重型 武 带 。 

当然 ， 对 大 型 企业 而 言 ，1 个 百分点 可 能 意味 着 数 十 万 美元 的 收益 。 因 此 ， 他 们 应 当 投资 
进行 更 精细 化 的 研究 ， 来 解决 设计 中 细微 的 可 用 性 问题 。 但 是 ， 即 使 是 最 大 型 的 企业 ， 我 们 也 
都 建议 他 们 应 该 先 从 小 范围 的 定性 研究 人 手 ， 因 为 这 样 可 以 迅速 找到 一 些 主要 的 可 用 性 问题 ， 
应 先 将 这 些 大 问题 解决 后 再 去 对 用 户 界 面 进行 微调 。 

最 后 ， 对 那些 仍然 怀疑 定性 研究 价值 的 人 ， 我 们 再 提 两 点 。 

图 过 去 23 年 来 ， 无 数 的 项 目 经 验 都 表明 ， 测 试 少 量 用 户 足 以 确定 一 项 设计 中 的 大 多 数 重 要 

可 用 性 问题 。 并 不 是 所 有 的 问题 都 会 浮现 ,但 是 主要 的 一 定 会 在 那里 。 就 本 书 的 目的 而 言 ， 
我 们 不 打算 详尽 了 解 所 有 测试 到 的 网 站 和 应 用 的 全 部 可 用 性 问题 。 更 重要 的 是 从 大 处 着 
眼 ， 通 过 比较 各 种 设计 的 主要 调研 发 现 ， 找 出 一 些 人 人 都 该 知道 的 、 普 适 的 可 用 性 原则 。 

B 拉 ] 心 自问 一 下 ， 相 比 我 们 调研 过 的 159 名 参与 者 ， 你 曾经 一 对 一 观察 过 多 少 位 进行 测试 

任务 的 客户 ? 对 大 多 数 企 业 而 言 ， 我 们 的 数字 会 大 于 你 的 数字 。 因 此 ， 我 们 从 研究 中 所 
获得 的 将 会 超过 大 多 数 设计 团队 所 拥有 的 经 验 教训 。 


2009 年 ， 我 们 对 现代 手机 进行 了 第 一 次 移动 可 
用 性 调研 。 这 是 一 次 对 用 户 和 研究 者 来 说 都 烛 众 不 
已 的 经 历 。 融 观察 到 的 用 户 体验 (UX) 质量 而 言 ， 
就 像 是 坐 上 了 时 间 机 器 ， 回 到 1998 年 进行 了 一 次 短 
暂 的 旅行 。2009 年 的 移动 用 户 体验 和 1998 年 的 寻 
TRA Web 应 用 有 着 众多 的 相似 之 处 ， 具 体 有 以 下 
JS 


8 第 2 章 移动 战略 


B 成 功率 异常 低下 是 普遍 现象 。 用 户 使 用 手机 在 网 站 上 执行 任务 时 更 有 可 能 经 历 失败 ， 而 
非 获得 成 功 。 

B 下 载 ,时间 是 影响 用 户 体验 的 主要 因素 。 大 多 数 网 页 载 人 时 间 过 长 ,特别 是 在 非 3G 手机 上 。 
而 且 即 使 是 最 高 端的 手机 ， 浏 览 网 页 的 速度 也 要 比 果 面 电 脑 慢 许多 。 造 成 的 结果 是 ， 用 
户 不 太 情 愿 打 开 更 多 网 页 ， 比 较 容易 放弃 。 

图 页面 滚动 导致 了 巨大 的 可 用 性 问题 ， 尤 其 是 用 户 经 党 不 得 不 面 对 那 些 没有 为 移动 设备 优 
化 过 的 网 站 。 与 20 世纪 90 年 代 不 同 , 用 户 面临 的 问题 不 再 是 不 滚动 页 面 , 而 是 过 度 深 动 。 
他 们 不 得 不 在 手机 狭小 的 屏幕 上 来 回 拖 动 ， 以 至 于 忘 了 自己 是 在 网 页 的 什么 位 置 ， 或 屏 
幕 当前 显示 的 是 什么 。 很 多 情况 下 他 们 都 没有 注意 到 拖 动 过 程 中 错过 的 那些 内 容 。 

图 2-1 (a 至 c) 展示 了 在 全 速 连接 的 AT&T 网 络 中 ， 移 动 设 备 绥 绥 载 人 NBC.com 整个 
网 站 所 经 历 的 不 同 阶段 。 当 整个 页 面 终 于 载 入 完毕 后 ， 不 经 过 放大 很 难 搞 清楚 网 站 里 众 
多 图 像 和 链接 的 意义。 通过 放大 页 面 ， 用 户 能 较 好 地 阅读 ， 但 会 失去 上 下 文联 系 ， 从 而 
更 难 知 道 自己 在 网 页 中 的 位 置 以 及 页 面 其 他 部 分 都 有 什么 。 

这 种 因为 可 视 面 积 减 小 而 对 用 户 造 成 的 影响 让 我 们 想起 了 之 前 的 一 些 测试 ， 当 时 测试 针 
对 的 是 视力 衰弱 的 用 户 ( 图 2-1d )。 使 用 手机 竟然 让 你 变 成 了 一 名 残障 人 士 , 而 我 们 都 知道 ， 
大 多 数 网 站 并 不 提供 针对 残障 人 士 的 辅助 功能 。 

图 腑 肿 的 页 面 让 用 户 失 去 上 下 文联 系 ， 感 到 迷失 了 方 品 。 我 们 调研 的 大 多 数 网 站 在 当今 的 
大 屏幕 PC 显示 右上 并 不 会 显得 腕 肿 , 然而 一 旦 在 手机 中 加 载 , 就 出 现 了 相当 程度 的 拥堵 。 
巨大 的 图 像 或 过 长 的 页 面 经常 遮 挡住 用 户 想 看 的 内 容 ， 给 他 们 带 来 困扰 。 

B rums AM CUI) 对 用 户 造 成 了 限制 。 人 们 如 果 不 理解 设备 上 的 UI， 就 无 法 
发 挥 它 的 最 佳 效 能 。 

B JavaScript 般 演 和 视频 等 高 级 媒体 格式 产生 的 问题 导致 了 更 多 的 不 便 。 

B 用 户 明 显 不 太 情愿 从 移动 端 访问 网 站 以 完成 许多 任务 ， 特 别 是 购物 以 及 其 他 需要 使 用 信 
用 卡 或 花 钱 的 任务 ( 图 2-2 和 图 2-3 )。 


一 些 用 户 更 有 可 能 通过 PayPal 进 行 购买 活动 的 原因 有 两 点 : 第 一 ， 不 用 输入 长 长 的 信 
用 卡号 码 ; 第 二 ， 无 需 向 网 站 提供 信用 卡 信息 ， 因 而 感觉 交易 更 安全 。 


图 搜索 主 寻 的 Web 行为 。 一 且 事 不 如 意 ， 人 们 便 会 转 而 使 用 搜索 引擎 。 的 确 ， 当 需要 完成 
一 个 新 任务 时 ， 搜 索引 擎 经 党 是 他 们 首先 想到 的 工具 。 

图 旧式 媒介 设计 被 当做 移动 设计 的 模板 。20 世纪 90 年 代 ， 许 多 网 站 的 设计 模仿 了 漂亮 的 
印刷 出 版 物 , 却 缺 乏 交 互 功能 。2009 年 ,网 站 则 被 设计 成 互联 网 网 站 的 样子 。 更 确切 地 说 ， 
它们 被 设计 成 条 面 妆 网 站 ， 可 这 对 移动 应 用 而 言 却 是 个 错误 的 嫁 介 形式 。 即 使 是 最 好 的 
手机 ， 进 行 互动 操作 时 也 会 让 人 感到 头痛 。 侧 济 的 设计 是 必须 的 。 
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图 2-1 (a 至 b) 手机 加 载 NBC.com 整个 网 站 所 经 历 的 不 
HE. (c) a 但 使 得 该 内 容 的 全 
局 上 下 文 关 系 变 得 模糊 。 (d) 屏幕 放大 镜 的 桌面 浏览 
器 访问 NBC.com 时 的 截图 


Connect with fans on NBC Live during tonight's s 


Sb snows voos 


SPOTLIGHT 


Sen America's Got 
i OR Talent 
Returns Monday May THE KERATIN 


14th Bcl Watch the COLLECTIVE 
extended sneak peek. More » 


VISIT SITE » 
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图 2-2 ( 左 图 ) Fandango 的 Android (CE 


应 用 让 用 户 选 择 以 信用 卡 或 PayPal T Back to Sign In PayPal” Secure Login 
式 支付 。 我 们 发 现 一 些 用 户 更 有 可 能 通 ei ——————ÉÓÁÓá————sá—sáeÁmÁ| 
" a t Det 
过 PayPal 进行 购买 Payment Details STEP 30F 4 Password PIN 
Select a payment method | d | 
Claim Credit Sa 
Code Card PayPal 
visa SS Enter PIN 
* ge Emer 
Order Summary $11.75 
2-3 ( 右 图 ) PayPal & Android 应 wee 
FH 7J 移动 D 提供 m 支持 È 人 允许 用 P 使 You will return to Fandango after visiting PayPal. 


用 更 易于 输入 的 4 位 PIN EBRE ER RU 1 2 ABC 3 DEF 
Continue to PayPal 
来 完成 身份 验证 


Privacy Policy | Terms of Use Purchase Policy 


4 GHI 5b JKI 6 MNO 
7 PQRS 8 TUV 9 wxyZ 


*& 0+ 


TEE TC — AA R T a 252 ri RAE od ASRS A ( 图 2-4), PAISES, 
PABA A RRR UTE, OH BU Te A, EC. PAT A od 
换 内 容 的 效果 就 成 了 一 种 浪费 ， 因 为 用 户 已 经 看 不 到 了 了。 


2-4 IGN 的 网 站 ( m.ign.com ) E, ill AT&T M-Cell 11:20 AM 1 um 
屏幕 上 方 会 自动 切换 文章 的 跑马 灯 经 常 IGN 


RAP RO 


T - -Mobile- 


MAGENTA TRADE IN YOUR iPHONE * 
Top Stories Y 
Diablo in Five Expendables 2 
Minutes Exclusive Trailer 
Z2 Debut 


Previous e Next Previous 9 Next 


; 4 Neighborhood Watch : 4 Neighborhood Watch 
À Æ Gets New Title and a "EL Gets New Title and a 
" Brand New Exclusive m Brand New Exclusive 


Trailer Trailer 
MOVIES: 10 minutes ago MOVIES: 10 minutes ago 


可 > un E. a A 


顶部 导航 栏 (图 2-5) 在 桌面 端 网 站 很 流行 ， 却 并 不 总 能 完美 地 移植 到 移动 端 。 一 些 问 题 
会 出 现 ， 特 别 是 当 导 航 栏 包含 太 多 条 目的 时 候 : 设计 师 或 者 必须 把 条 目 做 得 非常 小 ， 从 
而 导致 难以 准确 点 击 (如 图 2-5a )， 或 者 必须 扩大 导航 栏 的 面积 从 而 占据 太 多 屏 戎 空间 
( 如 图 2-5b )。 
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ail AT&T M-Cell & 12:21 PM mm „ill AT&T M-Cell ^" 11:10 AM 2-5 网 个 个 [a] [xx] 站 的 In 部 = S 栏 ， 
— , 
SSE MOBILE usum | m ent a) (RAER ) ( Sports Illustrated, m.si. 
Live Scores & Schedules com ) 和 (b b)« 娱乐 周 Fi] A Entertainment 


EW's (free!) MustList app Weekly, m.ew.com ) 
10 pop culture picks a rod 

o - e o 

Top Stories TVRecaps Reviews Photos 


H HDD WR d:sh 
Top Story 
E. - Beastie Boys' Adam 
Eu Yauch dies at 47 


: 
- 


(a (b) 


年 复 一 年 ， 新 的 调研 依然 在 持续 验证 者 第 一 次 调研 融 给 我 们 的 这 些 基 本 印象 。 Kk, HIPS 

的 移动 体验 无 疑 正在 变 得 更 好 ， 因 为 越 来 越 多 的 网 站 已 经 为 移动 设备 做 了 优化 ， 设 计 师 们 也 明 

白 了 什么 更 适合 小 屏幕 。 然 而 ， 在 手机 上 执行 任务 仍然 存在 着 许多 交互 障碍。 那么 ，2009 年 至 
今 发 生 了 哪些 变化 呢 ? 我 们 归纳 了 以 下 几 点 。 

B 任务 总 体 成 功率 正在 慢 慢 提高 ， 特 别 是 当 用 户 转 而 使 用 App 应 用 后 。 

B 用 户 对 他 们 的 手机 更 加 熟悉 了 。 自 2009 年 以 来 ， 移 动 领域 已 经 发 生 了 巨大 的 变化 。 根 据 

尼尔森 公司 在 2012 年 5 月 完成 的 一 项 调查 ， 超 过 半数 的 美国 人 拥有 了 智能 手机 ， 而 占据 

移动 手机 市 场 主导 地 位 的 只 有 两 种 平台 : iPhone 和 Android, /3/& Android 的 生态 系统 碎 

片 化 严重 ( 多 种 手机 和 不 同 版 本 的 操作 系统 同时 存在 )， 这 两 种 平台 依然 存在 很 高 的 相似 

性 。 而 且 总 体 而 言 ， 即 使 许多 用 户 每 两 年 更 换 一 次 手机 ， 新 手机 的 平台 和 旧 平 台 之 间 也 

会 很 相似 ( 当然 ， 除 非 是 从 功能 型 手机 转向 乔 能 手机 )。 

B JavaScript 仍然 会 月 浸 ， 但 大 多 数 网 站 和 应 用 都 做 了 充分 的 准备 ， 事 先 在 移动 端 对 产品 进 

行 了 测试 以 确保 其 工作 正常 。 

B 用 户 对 移动 购物 或 用 移动 设备 支付 的 不 情愿 感 略微 降低 。 尺 管 与 2009 年 相 比 ， 现 在 有 更 

多 的 用 户 愿 意 这 么 做 ， 但 我 们 发 现 大 多 数 人 依然 排斥 移动 购物 。 


尼尔森 公司 (The Nielsen Company ) 是 一 家 独立 的 企业 ， 和 我 们 个 人 或 我 们 的 企业 

(尼尔森 - 诺 受 公司 ，Nielsen Norman Group) 无 任何 关系 。 有 关 这 项 调查 的 更 多 信息 请 

芒 问 : http://blog.nielsen.com/nielsenwire/online_mobile/state-of-the-appnation-%e2%80%93-a- 
year-of-change-and-growth-in-u-s-smartphones ; 
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但 也 要 看 到 其 他 方面 。 首 先 ， 即 使 在 4G 时 代 ， 下 载 时 间 的 问题 也 还 是 存在 。 其 次 ， 移 动 
运营 商 以 兆 字 贡 为 单位 计 费 也 让 用 户 讨厌 那些 需要 大 量 下 载 的 网 站 ， 因 为 他 们 得 为 此 付费 。 再 
次 ， 用 户 从 移动 奖 访 问 完 整 版 网 站 仍然 经 历 着 同样 的 困难 : 虽然 我 们 的 许多 有 党 试 者 都 是 经 验 丰 
富 的 移动 用 户 ， 但 他 们 在 完整 版 网 站 里 浏览 和 寻找 信息 时 却 和 普通 人 没有 什么 区 别 。 最 后 ， 同 
样 重 要 的 是 ,旧式 媒介 设计 在 经 历 短 暂 的 低 滑 后 似乎 又 重新 回归 时 尚 ,比如 iPad 就 使 用 了 跑马 灯 、 
顶部 导航 栏 和 曾经 流行 的 类 似 印 刷 物 的 界面 。 


2.1 不 同类 型 移动 设备 的 可 用 性 各 异 


我 们 通过 测试 发 现 了 3 种 显 铸 不 同 的 移动 UX， 它 们 的 主要 区 别 在 于 屏 友 尺 寸 。 

B 普通 手机 的 屏幕 很 小 ， 经 常 被 称 为 功能 型 手机 。 这 种 手机 在 世界 市 场 上 占据 了 主要 份额 ， 
特别 是 在 发 展 中 国家 。 它 们 的 可 用 性 很 差 ， 只 提供 最 低 程 度 的 网 站 交互 功能 。 

B 智能 手机 (例如 早期 的 黑 每 型 号 ) 有 一 系列 不 同 的 规格 ， 和 浓 见 的 一 些 拥有 中 等 尺寸 的 屏 
幕 和 全 键盘 设计 。 这 些 手 机 有 的 提供 3G 互联 网 连接 功能 ， 有 的 甚至 还 文 持 WiFi。 简 单 
的 智能 手机 可 用 性 较 差 ， 用 户 在 使 用 它们 完成 网 站 任务 时 会 感到 不 便 。 

B 全 屏 手 机 (例如 iPhone、Android 和 Windows Phone ) 有 一 块 几乎 和 手机 同样 大 小 的 触 措 
屏 和 一 个 可 以 卫 接 操作 及 用 手势 控制 的 、 真 正 的 GUI (Graphical User Interface， 图 形 用 
户 界面 )。 这 类 手机 支持 3G 或 更 高 速 的 互联 网 连接 ， 通 过 WiFi 网 络 进行 下 载 的 速度 也 
更 快 。 它 们 在 所 有 类 型 的 手机 中 可 用 性 最 好 ,但 用 户 体 验 有 时 依然 不 够 理想 。 一 般 来 说 ， 
用 户 能 够 顺利 通过 搜索 引擎 进入 一 个 完整 版 网 站 的 闪 层 页 面 ， 也 能 顺利 使 用 为 移动 设备 
优化 过 的 、 设 计 良 好 的 网 站 或 应 用 。 

屏幕 越 大 ， 用 户 访问 网 站 的 体验 就 越 佳 ， 这 没什么 可 奇怪 的 。 根 据 2009 年 至 2012 年 所 进 

行 的 多 项 用 户 调 研 ， 触 屏 手机 和 智能 手机 在 任务 平均 成 功率 上 相差 了 20 个 百分点 CX 2-1). 


表 2-1 2009~2012 年 多 项 用 户 调研 所 得 出 的 不 同类 型 手机 的 任务 成 功率 


成 D X 
功能 型 手机 44% 
^E RET 55% 
触 屏 手机 74% 


从 这 些 数字 来 看 ， 给 消费 者 提 建 议 很 容易 : 如 果 访 问 网 站 对 你 来 说 很 重要 ， 那 就 买 一 球 触 
屏 手 机 。 

给 互联 网 企业 管理 人 员 提 建议 就 要 困难 一 些 。 功 能 型 手机 的 用 户 体验 如 此 糟糕 ， 你 到 底 是 
否 应 该 支持 它们 ? 男 一 个 问题 是 ， 你 是 否 应 该 重点 关注 更 有 可 能 成 为 网 站 重度 使 用 者 的 智能 手 
机 和 触 屏 手 机 用 户 ? 这 些 问题 没有 统一 的 答案 。 
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可 用 性 调研 中 的 成 功率 

简 而 言 之 ， 成 功率 是 指 在 某 项 可 用 非常 失败 ， 用 户 无 法 完成 任务 ， 别 的 一 切 
性 调研 中 能 够 顺利 完成 指定 任务 的 用 户 比 就 都 无 从 谈 起 。 人 们 不 会 去 用 不 能 正常 工 
例 。 它 是 最 简单 的 可 用 性 指标 ， 也 是 当 我 作 的 东西 。 


们 想 快 速 了 解 不 同 设计 的 相对 可 用 性 时 所 假如 一 种 用 户 界 面 有 了 比较 像样 的 成 
倾向 于 使 用 的 指标 。 功率 ， 我 们 就 可 以 开始 分 析 其 他 的 可 用 性 

归根 结 底 ， 最 根本 的 问题 是 : APE 指标 ， 例 如 人 们 完成 任务 的 效率 和 对 产品 
这 种 设计 之 下 到 底 能 不 能 做 事 ? 如 果 设 计 的 满意 度 。 


对 于 那些 高 度 适 应 移动 应 用 的 服务 〈 例 如 新 闻 或 社交 网 站 ) 而 言 ， 多 半 应 该 建立 两 个 网 站 : 
一 个 功能 型 手机 专属 网 站 和 一 个 针对 高 端 手机 进行 了 优化 的 网 站 。 其 他 大 多 数 网 站 可 能 更 应 当 
集中 投资 建设 一 个 仅 针对 触 屏 手机 进行 了 优化 的 移动 网 站 。 此 外 ， 如 果 你 的 业务 集中 在 复杂 区 
易 或 深度 内 容 上 ， 你 很 可 能 缺乏 足够 多 的 移动 用 户 数 量 ， 这 时 就 不 值得 为 其 单独 建立 网 站 。 

在 本 书 里 ， 我 们 主要 关注 触 屏 手机 。 除 非 男 有 说 明 ， 我 们 提 到 “手机 ”一 词 时 都 是 指 像 
iPhone 或 其 竞争 者 那样 的 设备 。 在 讨论 更 古老 的 设备 时 ， 我 们 会 明确 使 用 “功能 型 手机 ”这 样 
的 词汇 。 

为 什么 我 们 不 打算 在 本 书 中 过 多 讨论 那些 较 廉 价 的 手机 ? 有 以 下 三 个 原因 : 

B 我 们 在 研究 中 发 现 功能 型 手机 访问 Web 内 容 时 的 可 用 性 太 差 ， 因 此 我 们 建议 大 多 数 企业 

不 要 浪费 时 间 支 持 这 些 手 机 。 

图 从 以 往 的 经 验 看 ， 功 能 型 手机 和 智能 手机 给 网 站 种 来 的 流量 微乎其微 。 这 不 但 是 因为 差 
劲 的 上 网 体验 让 人 们 很 少 使 用 这 一 功能 ， 而 且 也 是 因为 触 屏 手机 的 市 场 份额 在 近 几 年 出 
现 了 巨大 的 提升 。 

B 从 实践 的 角度 看 ， 在 我 们 举办 的 移动 UX 训练 课程 中 ， 绝 大 多 数学 员 都 告诉 我 们 ， 他 们 
不 会 为 那些 简单 的 手机 进行 设计 。 我 们 在 教学 过 程 中 碰 到 的 问题 都 是 关于 和 触 屏 手机 的 。 
杀 爱 的 谈 者 ， 我 们 相信 你 和 我 们 的 诛 程 学 员 的 兴趣 会 很 相似 。 


独立 的 移动 体验 效果 最 住 


为 了 实现 最 高 的 用 户 性 能 ， 应 该 为 每 一 种 移动 设备 类 型 设计 不 同 的 体验 : 屏幕 越 小 ， 功 能 
孢 越 少 ， 设 计 也 越 简洁 。 最 理想 的 做 法 〈 仅 就 用 户 体验 而 言 ) 是 抛 开 单 纯 的 网 页 浏览 ， 为 最 忠 
实 的 用 户 专 门 制作 一 个 可 下 载 的 移动 和 应用。 然而， 在 实践 中 并 不 是 所 有 网 站 都 能 够 开发 应 用 。 

经 济 实力 强 的 网 站 应 当做 两 个 设计 : 一 个 针对 低 端 的 功能 型 手机 ， 一 个 针对 大 屏 硕 手机 。 
如 果 你 的 网 站 针对 的 是 广泛 的 消费 者 群体 ( 其 中 包括 许多 功能 型 手机 用 户 )， 或 身 处 一 个 发 展 中 
国家 ,这 种 战略 就 特别 适合 你 。 小 屏 磊 手机 的 体验 糟 料 到 你 需要 为 它 单独 设计 一 个 深度 缩小 化 
的 界面 ， 而 大 屏幕 手机 则 最 好 采用 移动 友好 型 的 、 更 丰满 的 设计 。 功 能 型 手机 的 浏览 体验 基本 
上 是 线性 的 ， 而 智能 和 全 屏 手 机 虽然 浏览 视界 有 限 ， 却 能 带 来 效果 更 棒 的 GUI 体验 。 
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(正如 之 前 所 提 到 的 ， 我 们 的 客户 没有 兴趣 为 功能 型 手机 做 设计 ， 所 以 这 里 不 再 多 谈 。 如 来 
你 属于 极 少 数 需 要 为 功能 型 手机 建立 单独 网 站 的 企业 ， 我 们 强烈 建议 你 开展 目 己 的 可 用 性 调研 : 
用 户 体验 越 简单 ， 准 确 无 误 就 越 重 要 。) 

然而 ， 对 大 多 数 网 站 而 言 ， 唯 一 现实 的 选择 是 为 主 站 附加 一 个 移动 网 站 ,并 且 有 意识 地 放 
弃 为 简单 型 手机 做 优化 。 这 一 战略 经 党 是 理性 的 选择 ， 毕 葛 大 多 数 低 端 手机 用 户 通 当 会 因为 上 
网 浏览 过 于 夺 烦 而 只 愿 做 一 些 非 做 不 可 的 任务 ， 他 们 可 能 根本 不 会 访问 你 的 网 站 。 因 此 ， 如 末 
你 只 有 一 个 移动 网 站 ,请 让 它 适 应 融 问 设备， 而 不 是 做 成 一 个 人 人 讨厌 的 类 WAP 网 站 。 


虽然 很 多 人 听 都 说 过 WAP 这 个 缩写 为 功能 革新 ， 但 WAP 样 式 的 网 站 却 相 当 
词 ， 但 可 能 很 少 有 人 知道 它 指 代 的 是 Wire- 简单 ， 基 本 上 是 由 超 链接 和 文本 组 成 的 列 


less Application Protocol (无 线 应 用 协议 ) 。 表 。 如 今 ，WAP 已 逐渐 被 废弃 ， 仅 限于 老 
这 是 功能 型 手机 用 来 显示 Web 页 面 的 一 项 式 的 功能 型 手机 ， 现 代 的 智能 手机 无 一 合 
标准 。 虽 然 当 初 引 入 时 (1997 年 ) ， 它 外 都 不 再 使 用 它 了 。 

因 使 得 移动 设备 能 够 进行 Web 交 互 而 被 视 


进一步 说 ， 并 非 所 有 的 网 站 都 需要 移动 版 本 。 根 据 我 们 对 6 个 国家 的 用 户 进行 的 一 项 日 记 
式 调研 ， 人 们 在 日 己 的 手机 上 从 事 的 活动 只 是 相当 有 限 的 几 类 。 因 此 ， 许 多 主流 网 站 不 会 有 多 
少 移动 用 户 ， 他 们 只 需 对 基本 的 设计 稍 作 修改 ， 避 免 让 这 部 分 用 户 磁 上 那些 最 严重 的 问题 即 可 。 

如 条 你 的 业务 对 移动 用 户 有 吸引 力 ， 那 么 至 少 需要 一 个 为 移动 设备 优化 的 界面 。 如 采 你 的 
网 站 有 一 个 移动 端 界 面 和 一 个 加 面 问 界 面 ， 那 么 就 将 所 有 移动 用 户 部 引导 到 移动 端 界 面 ， 即 使 
对 那些 支持 全 网 页 浏览 的 手机 也 是 如 此 。( 如 来 用 户 需 要 使 用 移动 端 寞 面 并 未 加 入 的 冷门 功能 ， 
你 应 当 为 他 们 提供 切换 到 完整 版 网 站 的 简单 方法 。) 


2.2 移动 网 站 与 完整 版 网 站 


我 们 在 2009 年 进行 的 一 次 调研 中 发 现 ， 当 受 试 者 使 用 专门 为 移动 设备 设计 的 网 站 时 ， 平 均 
成 功率 是 64% ， 明 显 高 于 “完整 版 ”网 站 〈 即 同一 网 站 面向 桌面 用 户 的 版 本 ) 的 53%. 

仅 凭 提高 用 户 使 用 效率 这 一 理由 就 足以 证 明 移动 优化 网 站 的 价值 了 。 这 样 的 网 站 使 用 起 来 
也 更 和 舒适， 因此 用 户 的 主观 满意 度 评分 更 高 。 这 又 提供 了 另外 一 个 理论 基础 : 如 果 网 站 让 用 户 
感到 既 顺 手 又 满意 ， 他 们 就 可 能 会 再 次 来 访 。 

我 们 在 2011 年 又 重复 了 这 一 研究 ， 因 为 考虑 到 用 户 使 用 效率 可 能 已 有 所 改善 。 结 果 发 现 移 
动 网 站 的 成 功率 仍然 保持 在 64%， 而 完整 版 网 站 却 已 提高 到 了 60%。 很 明显 ,企业 越 来 越 有 兴 
趣 问 移动 用 户 提供 服务 ， 完 整 版 网 站 也 因此 对 移动 访问 越 来 越 友 好 。 不 过 ， 主 要 结论 还 是 一 样 : 
用 户 在 使 用 为 移动 设备 优化 过 的 网 站 时 成 功率 更 高 。 

移动 优化 网 站 归纳 起 来 应 当 符合 以 下 几 条 清晰 的 原则 。 
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m 如 朱 条 件 人 允许， 单独 建立 一 个 为 移动 应 用 优化 过 的 网 站 ， 即 移动 网 站 。 当 人 们 通过 移动 
设备 访问 网 站 时 ， 移 动 网 站 上 测 出 的 可 用 性 得 分 会 远 还 局 于 完整 版 网 站 。 

m 创建 一 个 移动 应 用 可 能 会 更 好 ， 至 少 就 目前 而 言 是 这 样 的 ， 在 下 一 节 我 们 再 来 讨论 。 

B 如 来 移动 用 户 进 入 了 你 的 完整 版 网 站 ,请 让 其 跳 转 到 移动 网 站 。 很 不 对 ,许多 搜索 引擎 
尚未 将 移动 网 站 的 排名 提高 到 能 让 移动 用 户 看 见 的 位 置 ， 因 此 人 们 经 芝 错误 地 进入 了 完 
整 版 网 站 ， 而 不 是 用 户 体验 更 佳 的 移动 网 站 。 

m 对 于 那些 跳 转 失败 的 用 户 ， 请 在 完整 版 网 站 中 提供 明显 的 移动 网 站 链接 ， 并 确保 标 


注 “ 移 动 版 ”字样 的 链接 不 是 指 癌 一 张 癌 更 面 用 户 介绍 此 网 站 移动 服务 的 网 页 。 我 们 
来 看 看 图 2-6 演示 的 《国家 地 理 》 杂 志 这 个 案例 。 当 用 户 在 移动 浏览 需 的 网 址 栏 中 输入 
“nationalgeographic.com” 或 者 通过 搜索 引擎 点 击 网 站 之 后 ， 就 被 市 进 了 完整 版 网 站 ， 而 
非 跳 转 到 它 的 移动 网 站 。 这 个 完整 版 网 站 的 顶部 导航 栏 里 包含 一 个 名 为 “移动 版 ”的 链接 , 
然而 一 旦 点 击 它 ， 移 动用 户 进 入 的 却 是 一 个 为 果 面 用 户 准备 的 《国家 地 理 》 移 动 网 站 介 
绍 页 面 。 


ui 
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2-6 (a) 《国家 地 理 》 杂 志 的 完整 版 网 站 ( www.nationalgeographic.com ) o (b) 真正 的 《国家 地 理 》 移 动 网 站 
( m.nationalgeographic.com ) o (c) 顶部 导航 栏 里 “移动 版 ”字样 链接 指向 的 网 页 


m 才 于 那些 需要 使 用 完整 版 网 站 专 有 功能 的 极 少数 用 户 ， 请 在 移动 网 站 中 放置 一 个 指 回 完 
整 版 网 站 的 明显 链接 ( 图 2-7 )。 大 多 数 情况 下 此 链接 可 以 放 在 页 面 底部 。 
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2-7 ”从 移动 网 站 指向 完整 版 网 站 的 链 
接 : (a) 维基 百科 ( m.wikipedia.org ) ; 
(b) Yelp ( m.yelp.com ) 。 这 两 个 网 站 


: Q ull 2:12 
rats = A x EI E f 
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Viewing in English (United States) 


指向 完整 版 网 站 的 链接 文字 既 可 以 是 “完整 版 网 站 ” (Full site) ， 也 可 以 是 “桌面 
yk” (Desktop) 或 “桌面 版 网 站 ” (了 Desktop site ) 。 相 对 而 言 ，“ 桌 面 版 ”的 表述 更 明确 
些 ， 因 为 有 的 用 户 可 能 会 不 清楚 “完整 版 网 站 ”这 种 说 法 是 什么 意思 。 


上 上 述 原 则 不 一 定 适用 于 那些 完整 版 网 站 工作 民 好 的 大 尺寸 平板 电脑 ， 比 如 10 BRP BOE 
He iPad、 联 想 IdeaPad 和 三 星 Galaxy。 而 对 那些 小 尺寸 平板 电脑 ( 比如 7 英寸 的 亚马逊 Kindle 
Fire) 而 言 ， 理 想 的 方法 是 为 这 些 中 等 大 小 的 设备 再 特别 设计 第 三 种 界面 ， 不 过 大 多 数 企 业 即 使 
不 为 Kindle Fire 用 户 提 供 移动 服务 也 没有 什么 关系 。 


2.2.1 移动 优化 的 网 站 


移动 优化 的 网 站 的 基本 设计 思路 有 以 下 几 条 。 

B 去 挥 与 移动 网 站 核心 用 途 关 系 不 大 的 功能 。 

B 精简 内 容 ， 减 少 字 数 ， 将 次 要 信息 放 到 二 级 页 面 中 去 。 

B 增 大 网 页 元 素 太 二 以 解决 “ 翌 手指 ”(fat finger ) 问题 。 

存在 的 一 大 挑战 是 ， 既 要 去 除 功能 、 减 少 字 数 ， 又 不 能 给 用 户 选 择 产品 市 来 限制 。 对 于 移 
动 网 站 而 言 ， 每 个 产品 应 该 包含 更 少 的 信息 ， 用 户 对 每 个 产品 可 执行 的 操作 选项 也 更 少 ， 但 是 
产品 的 范围 应 当 和 完整 版 网 站 保持 一 致 。 如 采用 户 在 移动 网 站 上 找 不 到 某 一 种 产品 ， 就 会 认为 
这 家 公司 并 不 销售 这 一 产品 ， 从 而 转 回 其 他 商家 。 

如 图 2-8 所 示 , 宜 家 公司 的 移动 网 站 在 “ 床 染 ”( Bed Frames ) 这 一 分 类 下 只 列 出 了 一 种 产品 。 
这 家 公司 邀请 用 户 “ 赶 快 ” 来 实体 店 ， 因 为 这 样 才能 看 到 更 多 产品 。 这 家 移动 网 站 限制 移动 端 
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产品 选择 从 而 让 网 站 变 得 宣 无 用 处 ， 显 然 是 片面 理解 了 移动 简化 的 理念 。 用 户 应 当 可 以 在 移动 
网 站 上 找到 和 完整 版 网 站 相同 的 产品 ， 特 别 是 在 电子 商务 网 站 上 : 无 论 用 户 在 哪个 平台 提出 问 
题 或 进行 查询 ， 得 到 的 答案 都 应 该 是 一 致 的 。 


BEDROOM 
Bed Frames H 
Featured: New Lower Price Products 
MALM 
bed frame 
twin $99, full 
$119, queen 
3 39, king 
Last Year's Price twin $129, full 
$169, queen $189, king $239 
Clear lacq d birch veneer; painted ash 
venee , clear lacquered beech 
venee ed, lacquered oak 
eneer. Mattress and bed base sold 
separately. RA. Available in black-brown, 
medium brown or white stained oak. 
Hurry in to your local IKEA store to see more! 
加 son —— 
2-8 宜家 公司 的 移动 网 站 (m.ikea.com ) 


| e de m 在 床 架 这 一 分 类 下 只 列 出 了 一 种 产品 ， 使 得 该 
网 站 对 移动 用 户 完全 无 用 


与 之 相似 ， 移 动 房 地 产 网 站 应 当 展 示 出 一 个 街区 所 有 的 可 售 房产， 而 不 是 只 展示 多 数 人 都 
想 要 购 关 的 那 几 套 。( 不 过 网 站 可 以 提供 一 张 热门 房 源 的 简短 清单 ， 让 用 户 点 击 一 次 即 可 方便 地 
DET.) 但 是 ， 移 动 网 站 应 当 和 省 去 那些 冷门 的 功能 ， 比 如 不 必 列 出 该 物业 的 历史 销售 记录 ， 同 
时 ， 有 必要 问 有 需求 的 用 户 提供 一 个 指 回 完 整 厂 网 站 相应 信息 的 链接 。 


2.2.2 为 什么 完整 版 网 站 不 适合 移动 使 用 


现在 经 常 能 昕 到 人 们 对 下 面 这 个 问题 争论 不 休 : 移动 用 户 对 他 们 在 手机 上 可 做 之 事 的 期 户 
值 越 来 越 高 ,因此 痢 减 内 容 或 功能 不 可 避免 会 让 他 们 感到 失望 , 持 这 种 有 缺陷 的 观点 的 人 认为 ， 
问 包括 移动 用 户 在 内 的 所 有 人 都 显示 完整 版 网 站 是 个 更 好 的 主意 。 

这 个 观点 存在 缺陷 的 原因 是 ， 它 假设 你 只 能 在 全 功能 的 梨 面 网 站 和 功能 较 少 的 移动 网 站 之 
间 二 选 一 。 然 而 ， 束 算 存在 缺失 的 功能 或 内 容 ， 任 何 草 循 那些 可 用 性 原则 的 移动 网 站 也 都 会 提 
供 指 回 完 整 版 网 站 的 链接 。 所 以 如 末 需 要 ， 用 户 可 以 找到 任何 信息 。 

设计 的 挑战 在 于 如 何 科学 地 划分 移动 网 站 和 完整 版 网 站 的 分 界线 ， 使 移动 用 户 的 绝 大 多 数 
需求 都 能 在 移动 网 站 中 得 到 满足 。 如 来 实现 了 这 一 日 标 ， 则 顺 着 链接 进入 完整 版 网 站 而 产生 的 
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额外 交互 成 本 将 可 以 忽略 不 计 。 

没 错 ， 我 们 的 确 见 过 一 些 功 能 低下 、 设 计 差 劲 、 几 乎 不 能 满足 任何 人 需要 的 移动 网 站 。 但 
是 因 错 误解 读 某 条 可 用 性 原则 而 导致 粮 料 的 设计 ， 并 不 代表 就 可 以 忽略 这 条 久 经 验证 的 可 用 性 
原则 。( 丈 像 你 不 会 把 孩子 连同 洗澡 水 一 起 泌 出 去 一 样 。 :RSE E. BAD EERSPEERUH JP Bri 
怪罪 整个 设计 门类 ，Web 根本 就 不 会 存在 。 网 上 到 处 都 有 看 上 去 完全 缺乏 可 用 性 的 网 站 ,但 这 
并 不 妨碍 我 们 巡 循 那些 被 烂 网 站 所 违反 的 原则 而 设计 出 民 好 的 网 站 。) 

正确 的 分 析 应 该 是 这 样 的 。 

E 就 绝 大 多 数 任务 而 言 ， 移 动用 户 在 一 个 设计 良好 的 移动 网 站 上 获得 的 体验 将 远 胜 于 完整 


版 网 站 。 
W 就 极 少 数 任务 而 言 ， 移 动用 户 将 会 因为 转 至 完整 版 网 站 所 产生 的 额外 扣 击 而 被 略微 耽搁 


一 -此 
如 果 一 件 事 的 利 经 党 发 生 而 瞪 很 罕见 ， 那 么 人 们 会 很 容易 接受 它 。 
另 一 种 反对 建立 移动 网 站 的 观点 认为 ， 你 可 以 从 一 开始 就 对 完整 版 网 站 进行 优化 ， 使 其 适 
合 移动 应 用 ， 然 后 就 可 以 直接 将 这 个 “完整 版 ”网 站 提供 给 移动 用 户 而 不 用 担心 会 给 他 们 市 来 
不 便 。 话 虽说 得 没 错 ， 但 这 个 观点 却 忽略 了 此 做 法 将 给 更 面 用 户 审 来 的 不 良 影响 : 尽管 有 了 更 
大 的 屏幕 ， 更 好 的 输入 设备 ( 见 下 文 附注 栏 内 容 “ 输 入 方式 比拼 : 鼠标 和 手指 ”)， 你 为 他 们 提 
供 的 却 是 不 够 理想 的 界面 。 如 果品 面 用 户 占 少数 ， 这 也 许可 以 接受 ,但 绝 大 多 数 网 站 从 吕 面 用 
户 这 里 得 到 的 流量 远 多 于 移动 用 户 ， 从 成 交 量 的 角度 看 则 差距 更 大 。 因 此 ， 虽 然 我 们 和 希望 为 移 
动用 户 提 供 服 务 ， 却 不 能 忽视 蝎 面 用 户 ， 毕 葛 我 们 收入 的 大 部 分 来 自 他 们 。 
以 下 是 更 面 和 移动 端 之 间 一 些 重要 的 区 别 。 
B 两 者 提供 的 内 容 应 该 是 不 同 的 : GRR ZEEE a HA CAS, AAR EP CHARM S 
人 们 对 其 意思 的 理解 。 
(是 的 ， 人 们 可 以 在 Kindle 或 其 他 平板 电脑 上 阅 旋 小 说 ， 但 是 这 主要 指 那些 有 痢 易 于 妃 
踩 的 线性 情节 的 简单 虚拟 类 作品 。 在 小 屏幕 上 阅读 商业 性 的 内 容 或 其 他 需要 更 高 认 知 处 
理 过 程 的 非 虚拟 类 作品 是 比较 困难 的 。) 
B 不 仅 是 文本 ,其 他 内 容 也 应 当 设计 成 适合 相应 媒介 的 样式 。 人 举 个 例子 ,与 大 尺 才 图 片 不 同 ， 
小 图 片 应 当 进 行 特殊 的 裁 切 和 缩放 以 突出 重点 细节 部 分 。 仅 仅 简 单 地 拉 伸 尺寸 以 填充 不 
同 大 小 的 屏幕 空间 是 不 够 的 。[ 相应 的 例子 参见 3.1.3 节 ， 该 节 讨 论 了 如 何 针对 移动 屏 医 
上 某 张 哇 国 流行 音乐 组 合 的 图 片 进行 阶段 式 设 计 (design iterations )。] 
B 对 信息 染 构 ( Information Architecture, IA ) 做 出 修改 ， 在 移动 网 站 里 将 次 要 内 容 移 至 二 
级 页 面 ， 这 一 点 我 们 将 在 第 4 草 中 讨论 。 
B 根据 手指 和 鼠标 输入 存在 的 差异 设计 不 同 的 交互 手段 ( 见 下 文 附注 柱 内 容 “ 输 入 方式 比拼 ， 
鼠标 和 手指 ”)。 
W 在 移动 端 ， 需 要 简化 功能 集合 以 降低 复杂 性 和 适应 小 屏幕 。 
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我 们 的 基本 观点 是 什么 ? 有 困 面 端的 用 户 界 面 平 台 和 移动 端 在 许多 方面 有 所 人 不同， 包括 交互 
手段 、 人 们 的 阅读 方式 、 操 作 的 上 下 文 天 系 和 扫 一 眼 就 能 了 解 的 内 容 数 量 。 这 种 不 平等 是 对 称 
Hy: 移动 用 户 需要 和 桌面 用 户 不 同 的 设计 。 同 样 重 要 的 是 ， 园 面 用户 也 需要 和 移动 用 户 不 同 的 


设计 。 


输入 万 式 比拼 : 鼠标 和 手指 


台式 机 和 笔记 本 电脑 使 用 鼠标 作为 主要 的 输入 方式 ， 移 动 设 备 和 平板 电脑 使 用 人 的 于 
指 作为 主要 的 输入 方式 。 
没 错 ， 有 时 候 那 些 更 大 的 电脑 会 附带 轨迹 球 ， 笔 记 本 电脑 用 户 也 时 常 使 用 触 控 板 进 行 
输入 ， 一 些 移动 设备 甚至 还 自 带 手写 笔 。 但 是 鼠标 和 手指 是 当前 流行 用 户 界面 所 用 的 主要 
输入 方式 ， 所 以 我 们 就 比较 一 下 这 两 者 的 区 别 。 
表 2-2 对 不 同 的 输入 方式 进行 了 比较 。 粗 体 文字 的 单元 格 意 味 着 相应 的 指点 方式 在 茶 
一 方面 表现 更 好 。 
以 下 是 对 该 表 的 几 点 重要 说 明 。 
B 回归 时 间 (Homing time ) 是 指 将 手 从 一 种 输入 设备 (比如 键盘 ) 移动 到 另 一 种 设 
备 〈 比 如 鼠标 ) 所 需 的 时 间 。 

WI 加 速 运动 的 意思 是 指点 设备 的 移动 速度 和 屏幕 中 光标 的 移动 速度 可 以 存在 非 线 性 
的 关系 : 快速 移动 筷 标 会 导致 屏幕 光标 加 速 移动 ; 如 果 缓 慢 移 动 和 鼠标， 屏幕 光标 
则 会 减速 移动 ， 从 而 使 高 精度 定位 成 为 可 能 。 


B 当 我 们 说 基本 无 需 学 习 就 能 使 用 手指 操作 触摸屏 时 ， 其 实 是 假定 用 户 可 以 自如 地 
使 用 自己 的 手 和 和 手指。 婴儿 就 需要 好 几 年 才能 掌握 这 一 技能 。 
这 张 表 告诉 我 们 的 是 : 没有 哪 种 输入 方式 具有 压倒 性 优势 ， 和 鼠标 和 手指 都 有 着 自己 的 
强项 。 


当 为 某 种 平台 设计 UI 时 ， 很 重要 的 一 点 是 发 挥 出 相应 输入 和 输出 方式 的 优势 ， 并 尽量 
BLAH. 

ARAMBIAR. HARMAABERKA, FORAGE BLA PRAT LAR RH 
翻转 样式 ， 且 效果 不 错 。 类 似 地 ， 带 两 个 键 的 和 鼠标 可 以 很 容易 实现 上 下 文 菜单 (context 
menus) 。 而 在 触摸 屏 上 ， 这 些 设 计 元 素 就 显得 不 那么 自然 了 。 

鼠标 和 触摸 这 两 种 输入 方式 各 具 优 势 ， 这 也 是 应 当 为 果 面 网 站 和 移动 网 站 以 及 果 面 应 
用 程序 和 移动 应 用 设计 不 同 UI 的 一 个 主要 原因 。 

其 他 支持 两 种 UI 的 理由 还 包括 果 面 电脑 自 这 实体 键盘 (让 输入 更 快 ， 不 容 
屏幕 尺寸 存在 巨大 差异 等 。 


20 第 2 齐 移动 战略 


表 2-2 ”鼠标 和 手指 输入 方式 的 比较 


5 标 
精度 高 低 
同时 点 击 数量 1 通常 是 1， 多 点 触 控 下 可 以 达到 2 ~ 3 
控制 装置 数量 3: AAR, RE 1 
回归 时 间 有 无 
状态 种 类 悬 停 ， 按 键 按 下 ， 按 键 弹 起 手指 按 下 ， 手 指 提起 
加 速 运动 有 元 
a E DUANE m. FIRAN 
可 见 的 屏幕 光标 有 无 
遮挡 视线 否 ， 因 此 视觉 反馈 是 连续 的 是 
适合 移动 使 用 B 是 ,不 用 额外 携带 设备 
直接 与 屏幕 互动 ,用 起 来 “有 趣 ” 否 ， 属 于 间接 指点 设备 是 
文 持 辅助 功能 是 否 
易于 掌握 较 容易 基本 无 需 学 习 


2.2.3 ”移动 端 比 栗 面 端 要 求 更 严格 

正如 第 4 章 将 要 讨论 的 那样 ， 我 们 建议 网 站 所 有 者 在 为 移动 用 户 写 作 时 舍弃 次 要 的 素材 。 
与 我 们 所 提 的 可 用 性 原则 有 关 的 许多 微 博 、 博 客 文章 和 评论 都 对 这 一 主题 进行 了 扩展 : 没 错 ， 
不 光 移 动 内 容 中 的 泡沫 应 该 撤去 ， 桌 面 写 作 里 的 次 要 内 容 也 应 该 舍弃 。 

从 某 种 角度 来 说 ， 我 们 对 此 是 赞同 的 。 我 们 在 Eyetracking Web Usability 一 书 中 说 过 ， 人 简明 
性 是 Web 写作 的 一 条 关键 原则 。 人 们 在 Web 上 不 会 进行 大 量 阅 读 ， 如 果 网 站 不 能 在 几 秒 钟 内 清 
楚 表 明 上 自 量 的 价值 ， 用 户 就 会 离开 。 这 些 调 研发 现 进 一 步 促进 了 一 些 细 市 性 原则 的 诞生 ， 比 如 
要 重点 强调 微 内 容 ( nanocontent， 例 如 标题 和 搜索 引 苟 链接 ) 的 头 两 个 单词 。 

所 以 没 错 ， 去 挥 果 面 网 站 里 的 那些 废话 。 

然而 ，Web 写作 和 移动 写作 之 间 仍 然 有 一 些 区 别 : 

E 泉 面 新 的 文案 写作 必须 简洁 明了 ; 

B 移动 器 的 文案 写作 必须 更 加 人 简洁 明了 了。 

总 的 原则 是 一 致 的 : 减少 次 要 信息 。 两 者 的 区 别 在 于 程度 不 同 ， 即 某 些 信息 可 能 对 茧 面 网 
站 来 说 可 以 接受 ,但 在 移动 网 站 或 应 用 中 就 应 将 其 移 至 二 级 页 面 或 干脆 删除 。 

最 初 在 人 研究 人 们 是 如 何在 移动 设备 上 阅读 时 ， 我们 使 用 加 用 户 发 送 专 属 优惠 券 的 形式 作为 
样本 。 这 项 调研 得 出 的 最 佳 设计 并 没有 在 第 一 屏 内 包含 多 少 内 容 。 用 户 必 须 点 击 一 个 链接 才能 
了 解 “ 此 优惠 的 更 多 信息 ”， 我 们 在 第 4 草 里 会 详细 讨论 这 一 样本 。 
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对 于 果 面 问 设 计 而 言 ， 在 第 一 屏 里 就 展示 所 有 信息 会 是 个 更 好 的 宋 上 略 ， 因 为 这 样 会 省 去 让 
用 户 点 击 的 厅 烦 。 那 么 ,为 什么 会 有 这 种 差别 ? 

W 移动 设备 的 屏 才 要 小 得 多 。 这 种 如 同 透 过 门 缝 进行 的 阅读 增加 了 认 知 的 负担 ， 使 得 人 们 

在 移动 设备 上 理解 一 段 文字 的 难度 大 约 是 在 困 面 端的 两 倍 。 人 脑 的 短期 记忆 是 不 稳定 的 ， 
用 户 在 滚动 屏幕 的 过 程 中 需要 临时 记忆 的 信息 越 多 ， 他 们 的 表现 就 会 越 差 。 

W 移动 用 户 表现 得 比 昌 面 用 户 更 加 匆忙 ， 因 为 他 们 处 在 移动 的 环境 中 。 

这 两 种 差别 都 文 持 同 一 个 建议 : 相 比 介面 网 站 ,移动 网 站 更 应 大 刀 阔 算 地 精简 文本 。 

男 一 个 类 似 的 研究 发 现 则 适用 于 如 何 对 功能 进行 取舍 一 一 移动 网 站 的 功能 集合 应 当 远 二 小 
于 时 面 网 站 。 同 样 ， 困 面 网 站 日 映 也 应 尽量 少 提供 功能 。 移 除 的 功能 越 多 ， 让 用 户 感到 迷惑 的 
机 会 就 越 少 ， 剩 下 的 功能 就 会 越 容易 使 用 。 

MAL, 移动 网 站 提供 的 功能 应 该 比 加 面 网 站 的 还 要 少 (所 以 原则 里 提 到 ， 应 当 为 那些 需要 
完整 版 网 站 专 有 功能 的 用 户 提 供 从 移动 网 站 到 完整 版 网 站 的 链接 ) 移动 网 站 应 当 只 提供 适合 在 
移动 环境 中 使 用 的 服务 。 比 如 说 ， 一 个 企业 的 完整 版 网 站 通 第 会 包含 公共 关系 信息 和 投资 者 关 
系 这 些 版 块 ， 这 些 信息 应 当 从 移动 网 站 中 去 掉 。 

你 的 曲面 网 站 IA 应 当 总 是 包含 一 个 和 价 单 的 、 人 避免 层级 过 深 的 导航 区 域 。 但 对 移动 端 而 言 ， 
空间 的 限制 使 得 避免 用 户 迷 路 成 为 更 重要 的 任务 。 你 应 该 减少 导航 选项 ， 因 为 你 无 法 在 每 一 屏 
中 都 显示 完整 的 上 下 文 信息 。( 一 个 典型 桌面 网 站 划分 的 导航 区 域 往往 比 一 台 典 型 智能 手机 的 整 
FERRER, TEMZA THRANE., ) 就 是 说 ， 在 一 个 移动 网 站 的 IA 中 ， 导 航 结构 应 
当 比 加 面 网 站 更 加 局 平 化 。 

图 2-9 中 的 百 思 关 网 站 就 遭受 了 层级 过 深 市 来 的 影响 : 用 户 如 果 想 选 购 一 个 iPad 保护 套 ， 
必须 经 过 5 级 IA 导航 才能 看 到 相关 的 产品 。 在 这 种 情况 下 ， 网 站 最 好 能 提供 更 快速 到 达 产 品 页 
面 的 方法 ， 因 为 出 门 在 外 的 用 户 经 党 不 愿意 在 这 上 面 化 太 多 时 间 。 

平板 电脑 的 情况 介 于 手机 和 加 面 电脑 之 间 ， 具 体 我 们 会 在 第 5 半 中 进行 讨论 。 平板 电脑 拥 
有 中 等 大 小 的 屏 禹 ,能 容纳 的 文字 和 导航 内 容 比 手机 屏 禹 更 多 ,支持 的 功能 也 更 丰 定 。 为 一 方面 ， 
平板 电脑 较 大 的 屏 和 项 空间 可 以 容纳 复杂 的 手势 操作 ， 由 此 也 引发 了 独 有 的 可 用 性 问题 。 


2.2.4 ” 啊 应 式 设计 


响应 式 设 计 是 一 种 日 益 流 行 的 .应 对 完整 版 网 站 和 移动 网 站 这 一 矛盾 的 解决 方案 。 顾名思义 ， 
响应 式 设计 的 意思 是 针对 屏 融 尺寸 和 屏 禹 方 回 目 动 优 化 网 页 布局 。 各 种 网 页 元 系 被 放置 在 一 个 
灵活 可 变 的 方 格 中 ， 方 格 日 喘 则 填 满 整个 屏 硕 。 因 此 ， 架 面 网 站 里 的 多 列 式 布局 在 移动 网 站 中 
就 成 了 单列 式 布 局 ， 两 者 拥有 同样 的 内 容 和 功能 ( 图 2-10 )。 

啊 应 式 设计 的 一 个 优势 是 节省 维护 成 本 。 企 业 不 需要 单独 为 昌 面 和 移动 端 各 目 建 立 网 
站 ， 只 需 建 一 个 网 站 并 使 其 在 小 屏幕 中 看 起 来 合适 即 可 。 而 且 ， 啊 应 式 设计 能 更 好 地 文 持 那些 
只 能 用 移动 设备 上 网 的 用 户 ( 他 们 可 能 没有 困 面 电脑 ,或 因为 出 门 在 外 等 原因 无 法 使 用 困 面 
电脑 )。 


22 第 2 章 移动 战略 


alll AT&T M-Cell ^ 12:13 PM (aŒ. alll AT&T M-Cell & 12:13 PM E alll AT&T M-Cell © 12:13 PM LX 


Mother's Day Sale, Sun-Mon. Browsing Product Categories Browsing Computers & Tablets 
pi Check out special savings and gift 
ideas, plus free shipping. TV & Video Laptop Computers 
= 9 Audio & MP3 Netbooks 
Products Reward Zone Stores Mobile Phones iPad & Tablets 
Cameras & Camcorders eReaders 
GPS, Car & Marine Desktop Computers 
Computers & Tablets Monitors 
Code Scan ae Search Wish List Msi E Movies Networking 
Notifications Video Games & Gadgets Drives & Storage 


(a) (b) (c) 


alll AT&T M-Cell 会 12:14 PM E a „ill AT&T M-Cell ^" 12:14 PM I" alll AT&T M-Cell ^" 12:14 PM 3° Bb 
x — 
Browsing iPad & Tablets Browsing iPad Accessories Browsing iPad Cases, Covers & Sleeves 
Sort By: 


iPad iPad Cases, Covers & Sleeves Best Selling wv Show Store Availability 


Apple® - Smart Cover for Apple® 
iPad® 2 and iPad (3rd Generation) 

- Dark Gray 

WW WW W 4.0 $39.99 
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/ 
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Ww $$ x $99.99 


Pad sA) seperately 


Belkin - Snap Shield Case for 
Apple® iPad® 3rd Generation - 


(d) (e) (f) 


2-9 百思买 的 iOS 应 用 的 信息 架构 层级 过 多 。 因 此 ， 想 选 购 iPad 保护 套 的 用 户 需 要 层 层 经 过 以 下 这 些 导航 页 面 . 
(a) “产品 ”网 页 ( Products ) ; (b) “电脑 与 平板 电脑 ”网 页 ( Computers & Tablets) ; (c) “iPad 与 平板 ”网 
页 (iPad & Tablets); (d) "iPad 配件 ”网 页 ( iPad Accessories); (e) "iPad 保护 包 、 保 护 套 和 内 胆 包 ”网 页 ( iPad 
Cases, Covers, & Sleeves) ; (f) 实际 展示 iPad 保护 套 的 网 页 


啊 应 式 设 计 所 适合 的 网 站 具有 如 下 特点 : 移动 用 户 对 网 站 所 有 的 功能 和 内 容 有 痢 与 加 面 用 
户 同等 的 需求 。 新 闻 或 报纸 网 站 最 有 代表 性 ， 因 为 网 站 的 大 多 数 功能 和 内 容 同样 可 能 会 被 移动 
用 户 访 问 ， 所 以 向 他 们 提供 一 个 功能 等 同 于 完整 版 网 站 但 为 移动 优化 过 的 版 本 是 很 明知 的 (图 
2-10 ). 


图 2-10 《波士顿 环球 报 》 网 站 
( bostonglobe.com ) 在 两 种 平台 
上 的 显示 效果 : (a) ERB; 
(b ~ c) Æ Android FHE. tt 
是 率先 使 用 响应 陈设 计 的 网 站 之 一 


2.2 移动 网 站 与 完整 版 网 站 
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THE BOSTON GLOBI 
Extending club licenses until 3 or 4 a.m. won't 
eliminate violence, writes Lawrence Harmon. But it 
would thin out the crowds and give police a better 
opportunity to arrest more troublemakers. 


" Boston police seek public's help to solve soldier's 


CELTICS 90, HAWKS 84 OT | GAME 3 

Rondo drives Celtics to win 
Rajon Rondo had a triple-double Friday 
night to lead the Celtics to an overtime 


victory over the Atlanta Hawks in the third game of 
their first-round playoff series. 


但 是 ， 某 些 功能 适合 果 面 网 站 而 不 适合 移动 网 站 。 举 个 例子 ,一 个 层级 较 深 有 多 个 类 日 
和 子 类 目的 网 站 架构 可 能 在 昌 面 网 站 上 是 可 行 的 ， 但 在 移动 器 很 容易 束 成 了 索 帝 。 类 似 地 ， 移 
动用 户 很 难 通过 深 动 页 面 浏 览 一 张 包含 众多 同类 项 目 、 每 个 项 目 还 日 市 不 少 细 市 的 超 长 消 单 。( A 
市 内 容 可 以 有 ， 但 其 中 的 一 部 分 应 当 转 移 到 二 级 页 面 。) 
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如 图 2-11 所 示 ， 美 国 乔治 梅森 大 学 法 学 院 网 站 中 的 “未 完工 论文 ”( Working papers ) 页 面 
在 昌 面 山里 一 屏 至 少 显 示 两 篇 论文 ， 而 在 移动 端 里 仅仅 一 篇 论文 《包括 摘要 ) 就 占据 了 多 屏 。 
即使 是 在 大 屏幕 手机 上 C 比如 三 星 Galaxy Nexus ), 用 户 也 必须 滚动 好 几 页 才能 看 到 下 一 篇 论文 。 
就 移动 山 而 言 ， 压 缩 一 下 摘要 的 内 容 会 更 有 效 ， 而 且 可 以 让 用 户 快 速 扫 到 上 月 己 感 兴趣 的 论文 。 


Abandoning Antitrust's Chicago Obsession: The Case for Evidence-Based Antitrust 


By: Abstract: 


The antitrust community retains something of an inconsistent attitude towards evidence- 
based antitrust. Commentators, judges, and scholars remain supportive of evidence- 
based antitrust, even vocally so; nevertheless, antitrust scholarship and policy discourse 
continues to press forward advocating the use of one theory over another as applied in a 
specific case, or one school over another with respect to the class of models that should 


Joshua Wright inform the structure of antitrust's rules and presumptions, without tethering those 
questions to an empirical benchmark. This is a fundamental challenge facing modern 

Date Posted: 2012 antitrust institutions, one that | call the “model selection problem." The three goals of this 
article are to describe the model selection problem, to demonstrate that the intense focus 

No.: 12-39 upon so-called schools within the antitrust community has exacerbated the problem, and 

Full text (original) *: to offer a modest proposal to help solve the model selection problem. This proposal has 
two major components: abandonment of terms like “Chicago School," “Neo-Chicago 

Full text (most current version) on School,” and “Post-Chicago School,” and replacement of those terms with a commitment to 

SSRN testing economic theories with economic knowledge and empirical data to support those 


theories with the best predictive power. | call this approach “evidence-based antitrust.” | 
conclude by discussing several promising approaches to embedding an appreciation for 
empirical testing more deeply within antitrust institutions. 


The Senate and Hyper-Partisanship: Would the Constitution Look Different if the 
Framers had Known that Senators would be Elected in Partisan Elections? 


Abstract: 


This article is a contribution to the symposium "Hyperpartisanship and the Law," 
sponsored by the Georgetown Journal of Law and Public Policy. The article considers the 
implications of direct election of United States Senators via partisan elections for the 
Constitution. As originally designed, the Senate was elected by state legislatures and the 
Framers anticipated (naively perhaps) that the Senate would be comprised of men chosen 


Todd Zywicki on the basis of distinction and ability rather than partisan allegiances. That system was 
changed in 1913 with the enactment of the Seventeenth Amendment, which adopted 

Date Posted: 2012 direct election of Senators. This article asks whether the Constitution would look different 
if the Framers had anticipated that Senators eventually would be elected by direct election 

No.: 12-38 as opposed to indirect election. 


Full text (original) ") 
In particular, | focus on the distinctive powers given to the Senate within the federal 

Full text (most current version) on constitutional structure and the reasons articulated for why those powers were given to 

SSRN the Senate: the power to try impeachments, to confirm nominees, and to ratify treaties, as 
well as the role of the Senate in the system of bicameralism and federalism. Although it is 
impossible to know for sure what the Framers would have done had they anticipated direct 
election in partisan elections | argue that it is likely that they would not have given the 
power to try impeachments to the Senate in the form that they did, it is reasonable that 
they might have changed the system of nomination and confirmation, and is likely that 
they would have retained the Senate's major role in treaty confirmation. Although direct 
election dramatically diluted the value of bicameralism, it is likely that they would have 
retained a bicameral structure for most matters anyway. Finally, it is extremely likely that 
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over another as applied in a "evidence-based antitrust." | 


移动 端 ， 用 户 需要 滚动 很 多 次 才能 看 到 下 
一 篇 论文 
(b) (c) 


2.2 移动 网 站 与 完整 版 网 站 25 


25 KEP OLA S rfr FB, oe E] A, REAA MAAE S I8] E 235r e EL EB 43-3] A ES 
网 站 益处 更 多 。 进 一 步 看 ， 这 两 种 平台 都 有 许多 宦 裕 的 用 户 ， 因 此 将 转化 率 最 大 化 所 和 之 来 的 利 
润 是 很 可 观 的 。 

不 过 ， 问 题 仍 在 于 成 本 效益 分 析 的 绪论 是 否 真 正文 持 建 两 个 网 站 ， 还 是 说 守 着 一 个 网 站 更 
加 有 利 可 图 。 

必须 首先 考虑 你 所 在 机 构 的 规模 ， 以 及 移动 和 时 面 用 户 各 自 能 带 来 多 少 生 意 。 一 些 企业 的 
规模 太 小 ， 即 使 转化 率 变 得 更 高 ， 由 此 增加 的 利润 也 不 足以 弥补 维护 两 种 设计 的 费用 。 男 一 些 
企业 可 能 只 为 移动 或 更 面 用 户 中 的 一 方 提 供 服务 ， 因 此 即使 另 一 方 用 户 的 转化 率 低 一 些 ， 造 成 
的 损失 也 不 是 很 大 。 不 过 ， 如 果 网 站 流量 的 来 源 分 布 很 均衡 ， 预 算 也 有 限 ， 啊 应 式 设计 可 能 会 
是 一 个 足够 好 的 解决 方案 。 

即使 你 的 机 构 足 够 大 ， 能 从 提供 两 种 不 同 设计 中 获 益 ， 一些 人 仍然 觉得 成 本 过 高 ， 认 为 
是 应 该 用 啊 应 陈设 计 代 符 。 

然而 ， 就 交互 式 设 计 或 代码 编写 及 实现 而 言 ， 啊 应 式 设计 也 并 不 是 没有 成 本 的 。 对 一 些 网 
站 来 说 ， 费 用 确实 可 能 比 其 他 实现 方案 更 低 。 如 果 你 们 的 情况 是 这 样 的 ， 建 议 就 走 这 条 路 。 

但 最 重要 的 一 点 是 : 啊 应 式 设 计 如 果 正 确实 施 ， 肯 定 意 味 关 要 为 两 种 平台 设计 制作 不 同 的 
UI。 和 毕竟 ， 这 一 概念 的 核心 就 是 让 设计 适应 或 者 说 “ 啊 应 ”用 户 所 用 平台 及 设备 。 

事实 上 ， 采 用 了 员 应 式 设 计 的 网 站 也 会 采用 一 系列 为 移动 端 定制 和 优化 的 措施 。 其 中 的 许 
多 网 站 不 光 会 为 移动 界面 设计 个 性 化 的 布局 ， 也 会 对 移动 端 显示 的 内 容 进 行 至 少 是 最 低 程度 的 
调整 。 比 如 ， 在 《波士顿 环球 报 》 这 个 例子 中 (图 2-10 )， 顶 部 导航 栏 里 的 主题 类 目 都 被 集中 到 
一 个 单一 的 “分 类 ”( Sections ) 栏目 里 。 其 他 的 网 站 甚至 走 得 更 远 ， 干 脆 把 移动 用 户 较 少 使 用 
的 功能 直接 去 掉 了 ， 比 如 ProPublica 网 站 (图 2-12 )。 

我 们 所 见 到 的 大 多 数 啊 应 式 设 计 范 例 都 还 属于 比较 初级 的 阶段 ， 并 没有 提供 完全 符合 移动 
和 条 面 端 各 目 需 求 的 不 同 UI。 仅 仅 通 过 调整 内 容 显示 位 置 、 缩 放 特定 元 素 矿 二 来 修改 页 面 布 
局 是 不 够 的 ， 这 么 做 只 能 满足 加 面 端 里 19 寸 显示 需 与 24 寸 显示 需 相 比 ， 或 移动 端 里 iPhone 与 
Kindle Fire 相 比 所 需要 的 调整 。 

正如 前 面部 分 所 讨论 的 ,移动 和 时 面 设计 的 差别 远 不 止 是 布局 问题 。 只 要 有 足够 的 编程 量 ， 
这 些 差 别 是 可 以 通过 啊 应 式 设 计 来 解决 的 。 事 实 上 ， 你 可 以 认为 如 果 一 种 设计 不 能 兼顾 两 种 平 
台 的 主要 差别 ， 就 不 能 算是 合格 的 啊 应 式 设计 。 但 是 ， 如 果 确 实 想 要 处 理 好 平台 间 的 所 有 差异 ， 
我 们 就 回 到 了 原点 : 进行 两 种 不 同 的 设计 。 


E 


2.2.5 可 用 性 原则 很 少 非 黑 即日 


许多 人 想 让 我 们 提供 便 性 和 快捷 的 规则 ， 告 诉 他 们 沫 单项 目 不 能 超过 X 条， 每 页 字数 不 能 
超过 了 个 ， 从 首页 到 任何 一 个 页 面 的 点 击 次 数 不 能 超过 乙 次 。 不 羡 的 是 ， 这 种 方法 对 UI 设计 行 
不 通 。 可 用 性 的 问题 很 少 只 有 一 个 答案 ， 更 多 情况 下 它们 只 是 个 定性 的 问题 ， 指 明了 改进 的 方 
癌 和 设计 过 程 中 不 可 避免 的 利 素 权衡 。 
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Fracking 
Gas Drilling's Environmental Threat 


anis Fracking 


Vast deposits of natural gas have brought a drilling boom across much of the 
country, but the technique being used, called hydraulic fracturing, is suspected 
of causing hundreds of cases of water contamination. Now environmentalists 
and lawmakers are pushing for closer oversight of the gas industry, which is 
pushing back. 


Free the Files 


142 Stories in the Series. Latest: 
New Study Predicts Frack Fluids Can Migrate to Aquifers Within 
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E © Trade: How One 
Free the Files Í Hedge Fund 


Helped Keep the 
Bubble Going 

Jesse Eisinger and Jake 
ES Bernsten, ProPublica, 
April 9, 2 p.m. 


TV stations are required to provide data on political ads, but they're available Dialysis 
only on paper by physically visiting the stations. With contributors like you, 
we're posting files online. 


10 Stories in the Series. Latest: 
FCC-Required Political Ad Data Disclosures Won't Be Searchable 


by Justin Elliott Latest Tools and Data 


(a) (b) 


2-12 ProPublica 网 站 ( propublica.org ) 使 用 了 响应 陈设 计 。 你 可 以 看 到 同一 网 站 在 不 同 平台 的 显示 效果 : 
(a) ER Hin, (b) 在 移动 设备 里 。 设 计 师 们 除了 为 移动 界面 设计 个 性 化 的 布局 之 外 ， 还 做 了 更 多 的 调整 。 于 是 我 们 
看 到 页 面 项 部 的 二 级 导航 栏 在 移动 版 中 被 去 掉 了 , 主导 航 栏 里 的 类 别 也 进行 了 削减 : 桌面 网 站 中 的 “工具 和 数据 ”( Tools 
and Data) 在 移动 版 里 看 不 到 了 ; “我 们 的 调查 ” (Our investigations ) 在 移动 版 里 被 更 名 为 “项 目 ” (Projects) , 
估计 是 为 了 更 好 地 利用 有 限 的 空间 。 另 外 ， 请 注意 移动 版 只 显示 了 项 目 名 称 ， 而 在 桌面 网 站 中 则 会 附 上 一 段 简 短 的 项 目 
摘要 


ProPublica, April 27, 1:17 p.m. 


Web 页 面 的 啊 应 时 间 每 增加 0.1 PD, PRCA LP AP ATTA BREA ABR 
意 等 行 10 秒 ， 或 者 没有 人 会 等 11 秒 ， 则 未 必 。 

青 举 一 个 例子 ,请 思考 之 前 关于 写作 简明 性 的 原则 。 最 简明 的 文案 是 那些 只 包含 一 两 个 词 的 ， 
但 它们 组 成 的 网 页 一 般 无 法 让 用 户 满意 。 事 实 上 ， 某 些 时 候 文章 长 一 些 会 更 好 〈 不 过 即使 是 次 
度 文 章 也 应 该 撤除 泡沫 ， 并 依照 目标 受众 能 够 理解 的 程度 来 进行 撰写 )。 

那个 简单 的 要 点 在 此 依然 有 效 : 为 Web 写作 时 将 字数 压 得 越 少 越 好 。 而 为 移动 写作 时 ， 更 
是 要 进一步 压缩 。 当 考虑 将 哪些 次 要 内 容 移 到 二 级 页 面 中 时 ， 如 果 针 对 的 是 移动 用 户 ， 就 需要 
将 主要 和 次 要 内 容 的 分 界线 进行 调整 。 虽 然 原 则 是 一 样 的 ， 但 是 你 在 移动 平台 上 的 标准 却 应 该 
更 高 。 

移动 可 用 性 在 用 户 体验 的 所 有 领域 〈 功 能 组 合 ，IA， 写 作 和 图 像 处 理 等 ) MERKA ERM 
可 用 性 更 严格 、 更 缩小 化 的 设计 。 这 就 是 你 需要 一 个 单独 的 移动 网 站 的 原因 。 单 纯 运 用 啊 应 式 
Web 设计 来 使 完整 版 网 站 适应 移动 设备 弟弟 会 造成 移动 UX 低 于 应 有 的 标准 。 
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企业 移动 战略 中 最 重要 的 问题 是 ， 是 否 应 从 一 开始 就 对 移动 端 做 些 专 门 的 处 理 。 有 些 
企业 永远 不 会 获得 大 量 的 移动 访问 ， 因 此 只 需 任 力 于 让 其 果 面 网 站 在 小 屏 医 里 显得 别 太 差 劲 
HIIR 

(B, EB RAA I| ES 2 HE RI, Ton BS EE ol A — 1 IRR : 
应 该 制作 移动 网 站 还 是 特别 研发 一 球 移动 应 用 ?这 个 问题 未 来 的 管 案 跟 现在 可 能 会 很 不 同 。 


2.3.1 当前 移动 战略 : 应 用 最 佳 


在 本 书写 作 之 际 ， 两 者 坚 无 可 比 性 ， 如 采 条 件 允 许 就 该 力 推移 动 应 用 。 我 们 对 移动 设备 进 
行 的 可 用 性 调研 清楚 地 显示 出 用 户 使 用 应 用 比 使 用 移动 网 站 时 的 效率 更 高 。 我 们 在 使 用 移动 应 
用 的 用 户 中 测量 到 7496 的 成 功率 ， 相 比 专 业 移 动 网 站 的 64% 要 高 得 多 。( 从 移动 网 站 测 到 的 可 
用 性 指标 比 从 手机 访问 时 面 /完整 版 网 站 时 测 到 的 要 高 ， 但 是 移动 应 用 的 得 分 还 要 更 高 。) 

这 些 调 研 数 据 就 是 你 真正 需要 知道 的 全 部 。 应 用 在 测试 中 打败 了 移动 网 站 ， 这 是 事实 。 在 
制定 移动 战略 时 ， 并 不 需要 知道 为 什么 某 一 方 是 胜利 者 ， 不 过 我 们 还 是 试 着 解释 一 下 。 

移动 应 用 比 移动 优化 网 站 更 易 用 的 原因 在 于 ， 网 站 设计 中 能 做 到 的 优化 程度 有 限 。 一 丈 应 
用 能 针对 每 个 设备 各 目的 能 力 和 局 限 进行 调整 ， 而 在 浏览 可 中 运行 的 网 站 却 难以 做 到 。 不 只 是 
针对 设备 进行 定制 ， 应 用 成 功 的 秘诀 还 在 于 它们 一 般 比 网 站 更 简单 ， 通 稼 只 致力 于 提供 一 到 两 
种 醒目 易 用 的 功能 组 合 。 当 应 用 被 塞 入 更 多 功能 时 ， 其 界面 的 复杂 度 就 会 增加 ， 用 户 也 就 更 有 
可 能 无 法 完成 任务 。 

对 任何 平台 来 说 ， 原 生 应 用 程序 都 是 更 佳 的 选择 ， 即 使 是 在 蜗 面 电脑 上 。 不 过 ,桌面 电脑 
强劲 的 性 能 使 得 基于 Web 的 应 用 程序 能 够 满足 许多 任务 的 使 用 需要 。 

相 比 之 下 , 移动 设备 的 用 户 体验 就 要 差 一 些 : BE) Sa, 绥 慢 的 网 速 , 较 高 的 交互 成 本 〈 特 
别 是 打字 寓 劲 ， 但 也 有 用 户 无 法 双击 或 悬 停 的 因素 ) 和 由 “ 胖 手 指 ” 问 题 市 来 的 点 击 精度 低下 。 
设备 越 差 ， 根据 其 特点 进行 优化 就 越 重要 。 

应 用 对 内 容 提 供 商 来 说 还 具有 更 好 的 商业 价值 ， 因 为 众多 应 用 商店 都 提供 伪 小 额 文 付 
( pseudo-micropayment ) 的 功能 ， 使 你 能 回 用 户 收 费 。 这 点 在 互联 网 上 实现 起 来 会 更 困难 些 。 

不 仅 如 此 ， 我 们 还 应 考虑 有 关 互 联网 市 宽 的 尼 尔 条 定 律 和 关于 计算 机 性 能 的 摩尔 定律 之 间 
的 差别 。 "在 下 一 个 10 年 里 ,互联 网 的 带宽 将 可 能 提升 57 倍 , 而 计算 机 的 性 能 将 是 目前 的 100 fi. 

换 句 话说 ， 运 行 原生 代码 与 下 载 网 页 相 比 的 优势 在 未 来 10 年 内 将 会 翻 倍 ， 这 又 为 选择 移动 
应 用 提供 了 一 个 理由 。 


(D 尼尔森 定律 (Nielsen's Law) 由 本 书 作 者 之 一 Jakob Nielsen 提出 ， 指 高 端 用 户 的 网 络 带 宽 每 年 将 增长 50%, ak 
21 个 月 会 翻 一 番 。 摩 尔 定律 (Moore's Law ) 由 英特尔 公司 联合 创始 人 Gordon E. Moore 提出 ， 指 计算 机 的 处 
理 能 力 大 约 每 18 个 月 会 翻 一 番 。 一 一 译 者 注 
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2.3.2 ”未 来 移动 战略 : iE 


未 来 ， 应 用 和 移动 网 站 则 的 利 商 关 系 将 会 发 生 改 变 。 

刚才 我 们 的 确 说 过 计算 机 的 性 能 将 会 提升 100 倍 ， 但 这 并 不 意味 着 iPhone 15 一 定 会 比 
iPhone 5 快 上 100 倍 。 更 可 能 的 是 ， 硬 件 的 进步 会 分 别 体现 在 速度 和 其 他 关键 移动 指标 上 ， 特 
别 是 电池 寿命 。 因 此 ， 未 来 的 手机 可 能 只 会 快 上 10 倍 (但 会 更 薄 、 更 轻 ， 在 两 次 充电 之 间 能 运 
行 更 久 )， 而 下 载 速 度 则 会 是 目前 的 57 分 之 一 。 

移动 应 用 的 耗费 将 会 增加 ， 因 为 需要 为 更 多 的 平台 进行 开发 。 最 保守 地 估计 ， 你 必须 支持 
的 平台 包括 Android, iOS 和 Windows Phone。 男 外 ， 这 些 平台 中 的 一 些 还 可 能 会 衍生 出 许多 子 
平台 ， 每 种 子平 台 都 需要 开发 单独 的 应 用 才能 提供 像样 的 用 户 体验 。 

出 于 对 用 户 体验 的 考虑 ，iOS 已 经 衍生 出 iPad 和 iPhone 两 大 分 文 。 虽 然 这 两 类 设备 理论 上 
有 着 一 样 的 操作 系统 ， 却 需要 相当 不 同 的 设计 。 

亚马逊 推出 的 Kindle Fire 事实 上 已 经 将 Android 的 用 户 体验 衍生 至 一 种 差别 巨大 的 平台 。 
对 这 种 不 合 标 准 的 设备 ,你 需要 一 丈 有 不 同 UI 的 不 同 应 用 ,才能 提供 像样 的 可 用 性 。 代 号 为 “ 冰 
湛 淋 三 明治 ”的 Android 4.0 版 则 又 是 另 一 种 分 文 : 旧版 Android 中 的 物理 按键 ( 主页、 返回 、 
搜索 和 菜单 ) 被 3 个 可 隐藏 的 虚拟 按键 ( 主页 、 返 回 和 最 近 应 用 ) 所 取代 ， 如 图 2-13 所 示 。 
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2-13 不 同 版 本 的 Android 中 显示 的 Amazon 应 用 。 (a) 旧版 的 Android 有 4 个 物理 按键 。 ( b ) Kindle Fire 没有 
物理 按键 ， 而 是 使 用 可 隐藏 的 虚拟 按键 。 ( c ) 最 新 的 Android 4.0.2 版 取消 了 物理 按键 ， 代 之 以 虚拟 按键 
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物理 按键 与 虚拟 ( 软 ) 按键 


物理 按键 是 真实 存在 的 按键 ， 是 硬 
件 的 一 部 分 。iPhone 有 一 个 物理 按键 ( 主 
页 ) ， 而 Android 从 诞生 至 2.3.6 版 (KF 

"ABE ) 的 手机 则 有 4 个 物理 按键 ( 返 
回 、 主 页 、 菜 单 和 搜索 ) 。 

虚拟 按键 则 是 触摸 屏 的 一 部 分 。 应 用 
程序 可 以 自由 选择 将 其 显示 或 隐藏 ， 便 于 
适当 时 候 增 加 空间 来 显示 更 多 内 容 。 虚 拟 
按键 可 以 变换 人 位置， 无论 手机 是 横 放 还 是 
竖 放 ， 它 们 都 能 出 现在 屏幕 底 端 。 

Kindle Fire 运 行 的 是 Amazon 的 修改 版 
Android， 它 将 旧版 Android 中 的 4 个 物理 按 
键 以 虚拟 ( 软 ) 按键 取代 ， 应 用 可 以 通过 
将 其 隐藏 以 增加 空间 来 显示 更 多 内 容 。 最 
新 的 Android 4.0.2 版 则 去 掉 了 物理 按键 ， 
换 成 几 个 虚拟 按键 : 返回 、 主 页 、 最 近 
应 用 和 更 多 操作 (Action Overflow ) 。 其 
中 “更 多 操作 ” 键 是 可 选 的 ， 依 具体 应 用 
而 定 ， 用 于 代替 旧版 Android 系 统 中 应 用 所 
使 用 的 菜单 键 ， 以 使 这 些 老 应 用 能 兼容 新 
版 本 的 操作 系统 。 旧 版 中 的 搜索 键 命运 更 
差 些 ， 因 为 “ 冰 湛 淋 三 明 冶 ”系统 中 已 没 
有 其 替代 品 了 。 不 仅 如 此 ， 加 剧 问题 复杂 
性 的 还 有 : 使 用 Android 操 作 系 统 的 手机 生 
产 商 可 以 自主 选择 是 加 入 物理 按键 (比如 
三 星 的 Galaxy SII) 还 是 依据 官方 指南 使 
用 虚拟 按键 。 

理论 上 ， 物 理 按 键 这 一 概念 是 更 具 吸 
引力 的 ， 它 们 能 节省 昂贵 的 屏幕 空间 。 
而 且 有 了 专用 于 执行 返回 和 搜索 功能 的 物 
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理 按键 ,就 不 再 需要 花 时 间 对 付 屏幕 中 相 
应 的 界面 组 件 了 。 物理 按 键 的 危险 之 处 在 
于 它们 通常 位 于 用 户 视觉 注意 力 的 焦点 之 
外 。 用 户 必须 “思考 ”这 些 按 键 能 起 什么 
作用 ， 以 及 在 当前 状况 下 是 否 有 用 ， 除 非 
这 些 按键 在 上 下 文 之 间作 用 能 保持 一 致 。 

旧版 Android 中 物理 按键 的 问题 在 于 
使 用 率 不 高 。 除 了 频繁 用 到 的 主页 和 返回 
键 ， 其 他 按键 ( 菜单 和 搜索 ) 经 党 被 用 户 
忽视 。 部 分 原因 在 于 这 些 按键 在 各 种 应 用 
中 用 法 不 一 ( 某 些 模仿 iPhone 风格 的 应 用 
根本 不 使 用 它们 ， 其 他 一 些 应 用 只 是 将 它 
们 用 在 非 核心 的 功能 里 ) ， 因 此 用 户 对 这 
些 按键 没有 一 个 明确 的 使 用 预期 。 有 鉴 
此 ,许多 应 用 已 将 物理 按键 的 功能 复制 到 
了 可 视界 面 组 件 之 中 ,这样 对 用 户 来 说 更 
明显 ， 更 有 可 能 吸引 他 们 的 注意 。 

Æ, AiE Android 4.0 中 放弃 物理 
按键 ， 这 一 举措 的 方向 是 对 的 ( 特别 是 就 
菜单 和 搜索 功能 而 言 ) ， 原 因 却 是 错误 
的 ， 因 为 它 解决 的 问题 是 谷歌 在 研发 第 一 
版 Android 系 统 时 自己 制造 出 来 的 ， 即 没有 
制作 或 推行 使 用 物理 按键 的 清晰 规范 ， 结 
果 造 成 这 些 按键 用 途 各 异 ， 未 能 给 用 户 学 
习 使 用 它们 市 来 帮助 。 

而 对 返回 和 主页 键 来 说 ， 情 况 稍 有 不 
同 。 虽 然 返 回 键 在 Android 中 任务 过 重 ， 比 
如 用 于 取消 、 返 回 菜 应 用 的 上 一 屏 或 返回 
上 一 个 应 用 ,但 它 在 各 个 应 用 中 的 作用 相 
对 一 致 ， 人 们 已 经 学 会 使 用 和 依靠 它 了 。 


唯一 现实 的 舍 计 是 ， 这 种 UI 多 样 化 的 趋 抒 未 来 还 会 持续 下 去 ， 于 是 移动 应 用 的 人 研发 费用 将 
变 得 很 高 。( 虽然 企业 经 第 试 着 只 制作 一 种 界面 ， 然 后 根据 需要 为 每 种 平台 加 入 特定 代码 以 市 省 
费用 , 但 是 原生 应 用 的 研发 成 本 仍然 不 可 忽视。) 
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与 网 站 相 比 ， 应 用 在 其 他 方面 还 存在 看 一 些 缺 点 。 站 完 ， 应 用 中 的 内 容 比 Web 中 的 更 不 容 
Fy SAF, FALL TILA IK Web， 然 后 从 结 末 中 选择 用 户 所 需 信息 所 在 的 次 层 网 页 链接 ， 在 多 
个 应 用 中 进行 搜索 通常 要 更 费力 。 目 前 ， 我们 尚未 发 现 有 任何 应 用 可 以 对 别 的 应 用 进行 搜索 ， 
然后 将 用 户 市 到 那些 应 用 的 内 部 次 层 页 面 之 中 。 

其 次 ,应 用 比 Web 的 内 容 更 难以 被 发 现 。 对 于 特定 的 信息 需求 ， 比 如 查询 图 书馆 何 时 关门 ， 
用 户 更 有 可 能 进行 Web 搜索 ， 而 不 是 去 应 用 商店 查找 相关 应 用 ， 下 载 它 ， 然 后 看 看 它 是 否 包 含 
所 需 信 息 。 用 户 安 猴 有 个 应 用 必须 花费 更 多 的 精力 ， 而 且 即 使 愿意 这 人 么 做 ， 也 必须 事先 知 拓 这 
个 应 用 ， 还 要 愿意 花 时 间 研 究 它 。 对 许多 需要 快速 找到 和 上 下 文 相关 答案 的 任务 来 说 ， 诉 诸 于 
Web 效率 更 高 。 

与 之 相对 ， 移 动 网 站 会 保持 一 些 跨 平台 的 功能 特性 ， 因 此 无 害 多 次 进行 设计 。 高 端 网 站 将 
需要 3 种 移动 设计 , 分 别 面向 手机 、 中 等 代 寸 的 平板 电脑 ( 像 Kindle Fire ) 和 大 尺寸 的 平板 电脑 。 
避 从 啊 应 式 设 计 这 样 的 理念 会 使 你 的 每 个 网 站 版 本 都 能 适应 一 系列 尺寸 和 性 能 不 同 的 设备 。 只 
需 将 界面 稍 加 收缩 或 伸展 ,就 能 使 相同 的 基本 UI 设计 同时 适用 于 6.8 英 寸 和 7.5 英寸 的 平板 电脑 。 
(5 英寸 的 手机 则 需要 完全 不 同 的 设计 ， 不 能 仅 对 界面 稍 加 修改 ， 功 能 和 内 容 都 需要 进行 精简 。) 

最 重要 的 是 ，HTMLS5 等 新 兴 Web 技术 将 显著 提高 移动 网 站 的 功能 。 我 们 已 经 见 到 了 移动 
Web 应 用 ， 这 是 一 种 UI 非常 类 似 于 原生 应 用 的 移动 网 站 ( 图 2-14 )。 
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今天 ， 出 版 商 们 ， 如 英国 《金融 时 报 》 和 美国 《花花 公子 》 杂 志 ， 使 用 Web 应 用 代替 原生 


应 用 并 不 是 因为 UI 的 原因 ， 而 是 绿 于 商业 因 系 。 他 们 不 再 愿意 将 订阅 收入 的 相当 一 部 分 上 缴 给 
应 用 商店 的 所 有 者 ,《 人 花花 公 于 》 则 希望 绕 过 平 来 严格 的 审查 以 出 版 更 多 的 刺激 性 内 容 。 
免 于 审查 和 无 需 分 享 收入 是 投 癌 目 由 免费 的 互联 网 、 远 离 私 有 应 用 商店 这 种 市 大 围墙 的 花 
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园 的 好 理由 。 未 来， 更 好 的 UI 和 更 具 适 应 能 力 的 软 硬 件 实现 也 会 成 为 选择 移动 网 站 的 理由 。 
移动 网 站 战略 的 另 一 个 好 处 是 能 与 整个 Web 进行 更 好 的 集成 。 链 接 到 一 个 网 站 比 与 第 三 方 
应 用 进行 集成 更 容易 。 从 长 远 来 看 ， 互 联网 会 战胜 那些 小 而 封闭 的 体系 。 
应 用 可 能 更 适合 那些 严重 依赖 功能 的 任务 ， 比 如 照片 编辑 ， 并 继续 保持 这 种 优势 。 移 动 网 
站 则 会 更 适合 电子 商务 /移动 商务 、 企 业 网 站 、 新 闻 、 医 疗 信息 和 社交 网 络 等 侦 重 内 容 即 不 需 
要 崇 重 数据 处 理 的 领域 。 


原生 应 用 、Web 应 用 和 混合 应 用 


在 移动 领域 内 ， 经 常会 听 到 一 些 像 原生 应 用 ，Web 应 用 甚至 混合 应 用 这 样 的 术语 ， 它 
们 有 什么 区 别 呢 ? 

原生 应 用 植 根 于 设备 之 中 ， 通 过 应 用 程序 商店 (例如 Google Play 或 苹果 的 App Store ) 
进行 安装 。 它 们 是 专 为 菜 一 种 平台 开发 的 ， 并 且 一 般 都 遵 往 该 平台 的 UI 惯例 。 用 户 通 过 设 
备 主页 屏幕 中 的 图 标 访问 它们 。 

Web 应 用 (2.3.2 节 图 2-14 ) 在 浏览 器 中 运行 。 用 户 首先 像 访 问 Web 页 面 一 样 找 到 它 
i: 用户 进入 某 个 特定 的 UREL 网 址 ， 然 后 可 以 通过 添加 书签 的 形式 将 该 页 “安装 ”到 主页 
屏幕 。Web 应 用 通常 针对 特定 平台 ， 因 为 不 同 的 浏览 器 支持 的 HTMLS (Web 应 用 所 使 用 的 
语言 ) 版 本 不 同 。 它 们 看 上 去 和 用 起 来 都 像 是 原生 应 用 ,但 与 原生 应 用 相 比 ， 可 调用 的 手 
机 功能 类 别 受 到 更 多 限制 ， 比 如 对 手势 的 支持 。 

een quies ara le OE ee 它们 像 原 生 应 用 一 样 进 
行 安装 ( 通过 应 用 商店 ) ， 但 是 应 用 中 的 部 分 位 置 显示 的 是 Web 页 面 。 企 业经 常 把 混合 应 
用 当做 是 对 现 有 Web 页 面 的 一 种 包装 ， 因 为 他 们 希望 ee Hakan aR HE 
i FR) Je € SE SEE 
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(a) (b) (c) 

图 2-15 JC Penney f iPhone 应 用 就 是 iPhone 混合 应 用 的 一 个 例子 。 (a) 该 应 用 有 多 个 版 块 。 ( b ) 应 用 中 
的 “现在 购买 ” (Shop Now ) 版 块 包括 一 个 显示 JC Penney 移动 网 站 的 浏览 器 ， 该 应 用 还 显示 了 底部 的 应 用 
专属 标签 栏 和 顶部 的 导航 栏 。 ( c ) JC Penney 的 移动 页 面 ( m.jcpenney.com ) 在 Safari 浏览 器 中 显示 的 效果 
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2.3.3 ”战略 何 时 发 生 转 变 


是 时 候 提出 这 个 64 000 美元 的 问题 了 ”， 或 者 更 准确 地 说 ， 对 大 多 数 公司 来 说 价值 上 百 万 
美元 的 问题 : 我 们 建议 的 移动 战略 会 在 何 时 发 生变 化 ? 换 句 话说 ， 何 时 可 以 安心 放弃 移动 应 用 ， 
完全 转 回 移 动 网 站 ? 

遗憾 的 是 ， 我 们 不 知道 答案 。 根 据 对 可 用 性 的 了 解 ， 我 们 能 够 知道 在 不 同 环境 下 什么 对 用 
户 来 说 最 好 ， 但 无 法 预测 在 现实 世界 中 这 些 环境 发 生变 化 的 速度 有 多 快 。 以 我 们 的 经 验 来 看 ， 
改变 的 发 生 通 第 比 人 们 预期 的 要 上 晚 。 

作为 结论 ， 我 们 的 确 相 信 移 动 网 站 从 长 远 来 看 会 战胜 移动 应 用 ， 却 不 太 肯 定 会 何 时 发 生 。 
当前 ， 如 果 你 真心 希望 创建 最 佳 的 移动 UX， 我 们 的 建议 是 研发 一 球 应 用 。 


2.4 移动 应 用 


移动 应 用 的 “前 要 原则 ”和 所 有 用 户 界 面 设计 都 是 一 样 的 : 不 要 将 旧 界 面 的 UI 样 式 复 制 
到 新 界面 中 来 。 在 过 去 ,这 意味 者 不 要 给 本 质 上 是 主机 原始 信息 流 的 东西 草草 地 安 上 一 个 GUI. 
现在 则 意味 者 ， 不 要 给 泉 面 电脑 的 屏 疾 物体 操控 设计 直接 加 上 一 个 触摸 屏 功能 。 用 户 的 触摸 操 
作 无 法 做 到 像 鼠 标 一 样 精确 ， 因 此 屏 疾 中 可 操控 的 图 形 物 体 的 数量 应 该 大 大 减少 ， 从 而 让 单个 
物体 变 得 更 大 。 

虽然 一 些 应 用 有 这 样 那样 的 可 用 性 问题 ， 但 我 们 通过 观察 移动 应 用 用 户 得 出 的 主要 绪论 是 ， 
他 们 比 参 与 移动 网 站 测试 的 用 户 更 少 过 到 麻烦 。 事 实 上 ， 如 来 拿 使 用 移动 应 用 的 用 户 与 在 同一 
手机 上 使 用 网 站 的 用 户 相 比 ， 前 者 的 测试 结果 会 更 令 人 愉快 。 

在 移动 设备 上 ， 应 用 程序 比 网 站 更 易 用 。 

为 什么 应 用 在 移动 环境 中 优 于 网 站 ?因为 设备 性 能 越 差 ， 设计 就 越 有 必要 根据 其 特性 进行 
仔细 的 优化 ， 而 不 是 单纯 退 求 共有 的 跨 平 台 特 性 。 


移动 应 用 的 使 用 是 间断 性 的 


我 们 的 用 户 调研 得 出 了 一 个 非常 明确 的 结论 : 人 们 真正 使 用 的 应 用 比 安装 的 要 少 得 多 。 

在 每 次 测试 过 程 的 开始 阶段 ， 我 们 都 请 用 户 一 一 介绍 他 们 上 自己 安装 的 移动 应 用 。 我 们 经 滑 
会 听 到 类 似 下 面 这 样 的 话 :“ 我 下 载 这 个 应 用 是 因为 它 的 名 字 听 上 去 很 酷 /一 个 朋友 向 我 推荐 了 
它 ， 不 过 我 还 没 来 得 及 试用 一 下 。” 用 户 还 经 常会 这 么 说 :“ 我 下 载 这 个 应 用 之 后 用 过 几 次 ， 但 
现在 已 经 不 用 了 ， 等 我 有 空 了 就 会 删 掉 它 。” 


QD《64 000 美元 的 问题 》( The $64,000 Question ) 是 美国 20 世纪 50 年 代 的 一 档 电 视 游 戏 节 目 。 参 赛 者 通过 回答 难度 
逐渐 增加 的 问题 ， 一 路 闯关 使 奖金 双 倍 增长 ， 直 至 最 后 一 个 价值 64 000 美元 的 问题 。 译 者 注 
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网 站 中 的 临时 性 应 用 程序 


Web 应 用 程序 与 传统 应 用 程序 相 比 有 许多 不 同 之 处 ， 用 户 视 其 为 不 用 投入 过 多 精力 的 
临时 接触 对 象 ， 我 们 称 之 为 临时 性 使 用 。 

基于 Web 的 临时 性 应 用 就 好 比 汽 车 网 站 中 常见 的 个 性 化 和 配置 工具 。 用 户 对 这 种 应 用 
毫 无 忠诚 度 可 言 ， 他 们 进入 第 一 屏 时 对 其 功能 的 了 解 也 仅 限 于 在 之 前 的 网 站 页 面 中 了 解 的 
那些 。 (而 我 们 都 知道 ， 用 户 访问 网 站 时 多 数 情 况 下 不 怎么 阅读 。) 

基于 Web 的 应 用 程序 通常 是 网 站 的 一 个 组 件 ， 这 意味 着 用 户 必 须 设法 从 传统 的 信息 时 
向 的 Web 页 面 转 至 应 用 程序 里 的 功能 导向 的 工具 。 我 们 对 内 置 应 用 程序 的 网 站 进行 的 研究 
表明 ，36 多 的 用 户 连 这 最 初 的 步骤 都 无 法 完成 。 

一 旦 找到 了 应 用 程序 ， 用 户 必须 理解 它 是 做 什么 的 ， 对 自己 有 什么 作用 ， 以 及 它 的 基 
本 工作 流程 和 结构 如 何 。 所 有 的 软件 都 面临 这 个 挑战 ， 但 大 多 数 传统 软件 都 包括 了 演示 基 
础 内 容 的 教程 。 另 外， 许多 软件 产品 往往 知名 度 很 高 ， 用 户 在 安装 之 前 就 已 知道 其 基本 用 
途 。 这 一 点 特别 体现 在 企业 级 系统 (例如 基于 内 网 的 费用 报告 或 工时 表 ) 和 桌面 软件 〈 例 
如 PowerPoint ) 之 中 。 与 此 形成 鲜明 对 比 的 是 ， 用 户 经 常 毫 无 准备 就 被 直接 扔 进 了 网 站 内 
置 的 应 用 程序 之 中 。 

用 户 往往 不 太 有 动力 去 了 解 网 站 内 置 应 用 程序 中 的 高 级 功能 ， 因 为 这 些 应 用 程序 一 般 
不 是 他 们 工作 的 核心 组 成 部 分 。 与 此 相反 ， 许 多 工作 要 求 使 用 传统 软件 ， 它 们 或 者 是 某 人 
工作 的 必需 组 成 部 分 ( 比如 航班 预定 代理 ) ,或 者 用 于 生成 评估 员工 绩效 的 材料 ( 微软 的 
Office 软 件 就 是 个 常见 的 例子 ) 。 

用 户 很 少 会 多 次 访问 同一 个 Web 应 用 程序 ， 因 此 他 们 不 太 可 能 从 逐渐 熟悉 某 个 特定 的 
GUI 中 受益 。 与 之 相反 ， 传 统 软件 则 经 常会 被 人 们 重复 使 用 。 

如 果 能 让 用 户 重 复 使 用 你 的 移动 应 用 ， 那 么 和 那些 内 上 误 于 网 站 中 的 应 用 程序 相 比 ， 你 
就 有 了 巨大 的 优势 。 不 过 ， 正 如 正文 中 讨论 的 那样 ， 这 是 个 有 难度 的 “如 果 ” ， 因 为 用 户 
Za FA T A AMR EA EA. 


从 这 一 人 研究 发 现 中 得 出 的 第 一 个 结论 是 ， 只 考虑 纯粹 的 下 载 次 数 显然 意义 不 大 。 要 衡量 你 
的 应 用 有 多 成 功 ， 就 必须 测量 真实 使 用 量 。 如 有 果 想 评估 应 用 是 否 真 正 满足 了 用 户 需 求 ， 则 必须 
更 进一步 地 测量 持续 使 用 量 。 如 末 人 们 在 使 用 某 个 应 用 几 次 之 后 就 放弃 了 它 ， 那 么 你 手中 的 这 
个 移动 设计 就 算是 失败 了 。 

少数 移动 应 用 确实 会 被 频繁 使 用 ， 比 如 Facebook fll the Weather Channel， 但 大 多 数 企 业 想 
要 进入 这 一 行列 却 并 不 现实 。 移 动 应 用 的 可 用 性 标准 不 同 于 核心 的 时 面 生 产 力 应 用 程序 ， 也 不 
同 于 人 们 每 日 工作 中 都 使 用 的 任务 关键 型 (mission-critical ) 企业 软件 。 

移动 一 词 基 本 等 同 于 间 上 断 性 使 用 。 不 过 它 和 我 们 经 稼 研究 的 网 站 内 部 临时 性 应 用 程序 相 比 ， 
的 确 意 味 着 更 高 一 层 的 用 户 忠诚 度 。 
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在 这 一 点 上 ， 移 动 应 用 的 得 分 比 临 时 性 网 站 应 用 高 一 些 ， 因 为 是 用 户主 动 决定 安装 它们 的 。 
这 就 使 得 用 户 有 了 探索 这 个 应 用 的 最 低 程度 的 忠诚 度 。 虽 然 我 们 发 现 这 种 忠诚 度 确 实 非常 低 ， 
HEVERT O 

从 这 一 研究 发 现 中 得 出 的 第 二 个 结论 是 ， 应 用 的 图 标 持 续 出 现在 手机 中 ， 就 仿佛 是 一 个 微 
小 的 声音 不 断 催 促 用 户 试用 这 个 应 用 。 但 同样 ， 这 种 力量 也 不 是 太 强 ， 因 为 人 类 很 擅长 选择 性 
注意 。 基 本 上 ， 人 们 对 于 目 己 不 太 关 注 的 事物 都 会 当 其 不 存在 ， 因 此 他 们 的 视线 会 飞快 地 扔 过 
那些 未 使 用 的 图 标 。 更 何况 大 多 数 用 户 的 手机 里 都 有 不 少 应 用 ， 因 此 任何 一 个 应 用 图 标 都 有 可 
能 淹没 在 海量 的 相似 图 标 之 中 。 同 时 ， 至 少 在 iOS 系统 中 ， 应 用 网 标 可 能 会 次 藏 在 文件 夹 里 
(Fl 2-16), 永远 不 见 天 日 。 


图 2-16 iOS 里 的 文件 夹 : 每 个 文件 夹 里 隐藏 着 数 个 应 用 。 用 户 下 载 一 个 
应 用 并 不 能 保证 会 使 用 它 。 当 应 用 埋没 于 多 个 应 用 程序 显示 屏幕 和 文件 夹 
后 ， 用 户 就 经 常态 记 了 自己 曾经 安装 过 它们 。 应 用 程序 的 使 用 是 一 种 长 尾 2 | | 
分 布 : 少数 应 用 ( 电子 邮件 、 天 和 气 预报 、Facebook 和 喜爱 的 游戏 ) 用 得 最 ET . GISAUNT 
多 ， 大 多 数 应 用 用 得 很 少 ， 甚 至 根本 没 被 用 过 
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以 下 是 一 些 关 于 整体 移动 UX ASS. MAAE ak RA, CRASS 
让 许多 “有 趣 的 ”应 用 扩散 到 庞大 的 用 户 和 群体 中 ,造成 的 结 末 是 应 用 局 动 界 面 中 充斥 着 各 种 珊 
碎 的 图 标 。 人 们 并 不 需要 它们 ， 也 不 会 在 那 晚 离开 酒吧 之 后 再 使 用 它们 。 

如 果 你 正在 设计 一 称 “ 正 规 的 ”商业 应 用 ， 认 为 它 对 客户 有 切实 的 价值 ， 你 可 能 就 因此 认 
为 它 会 胜 过 那些 粗俗 的 、 模 仿 人 吴 体 声 啊 的 应 用 。 你 错 了 。 那 本 老 书 Designing Web Usability 的 
读者 可 能 会 记得 Jakob 的 Web 用 户 体验 定律 : 用 户 花 更 多 时 间 在 其 他 网 站 上 ， 而 非 你 的 网 站 。 
你 的 网 站 是 Web 生态 系统 的 一 部 分 ， 它 的 可 用 性 依赖 于 整个 Web 的 用 户 体验 ， 而 后 者 则 来 自 于 
人 们 访问 的 所 有 其 他 网 站 的 总 和 。 

例如 ， 当 你 在 社交 媒体 网 站 上 发 布 商业 信息 时 ， 这 些 信息 将 进入 关注 者 的 个 人 空间 里 ,与 
他 们 的 家 庭 和 朋友 信息 共存 。 同 样 ， 你 的 应 用 也 只 是 整体 用 户 应 用 体验 的 一 小 部 分 。 


别管 公平 与 否 ， 这 就 是 现实 。 请 接受 它 。 为 它 而 设计 。 
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我 们 的 第 一 个 移动 可 用 性 调研 进行 于 2000 年 ， 当 时 的 结论 是 ，2000 年 的 移动 Web = 1994 
年 的 桌面 Web。( 本 书 附 录 介 绍 了 这 一 早期 研究 的 概况 。) 

而 在 2009 年 于 伦敦 进行 的 一 次 调研 中 ,我们 重复 了 2000 年 WAP 可 用 性 调研 里 的 两 个 任务 。 
原本 预计 会 观察 到 任务 执行 效率 有 所 提高 ， 结 果 却 是 另 一 回 事 (这 显然 是 我 们 劳 师 动 众 做 研究 
的 目的 )。 表 2-3 显示 了 两 项 调研 中 的 平均 任务 执行 所 需 时 间 。 


表 2-3 2000 年 和 2009 年 的 平均 任务 执行 时 间 


t & WAP 手机 ( 2000 年 ) 现代 手机 ( 2009 年 ) 
查找 今 晚 本 地 天 气 预 报 164 秒 247 秒 
查找 今 晚 8 点 BBC-1 电视 频道 会 播放 什么 节目 159 秒 199 $b 


让 人 吃惊 的 是 ，2009 年 的 用 户 执行 这 两 个 任务 较 2000 年 的 用 户 多 花 了 38% 的 时 间 。 现 代 
的 移动 设备 真 的 不 如 过 时 而 简陋 的 WAP 手机 吗 ? 网 站 的 可 用 性 难道 真 的 下 降 了 那么 多 ? 两 者 的 
答案 都 是 否定 的 : 现在 的 手机 和 网 站 无 疑 都 已 变 得 更 好 。 

发 生 改 变 的 其 实 是 使 用 环境 。2000 年 的 用 户 被 限制 在 移动 运营 商 构 建 的 “围墙 环绕 的 花园 ” 
ZF, WAP 手机 自 带 的 “仓库 ”( deck ) 功能 可 以 直接 访问 儿 个 事先 确定 好 的 服务 。 尽 管 这 种 方 
式 限制 了 用 户 的 自由 , 让 他 们 只 能 做 一 些 最 简单 的 任务 , 但 他 们 如 果 想 获取 信息 只 需要 按 几 个 键 。 

今天 的 移动 用 户 则 高 度 依赖 搜索 。 当 我 们 不 指定 他 们 应 该 用 哪个 网 站 或 应 用 时 (有 时 候 哪 
怕 我 们 指定 了 )， 他 们 第 一 时 间 就 会 求助 于 最 爱 的 搜索 引擎。 这 就 意味 着 需要 打 很 多 字 ， 而 这 人 么 
做 在 移动 设备 里 是 缓慢 、 别 扭 和 容易 出 错 的 。 

今天 的 移动 用 户 虽然 可 以 做 任何 事 ， 但 在 多 数 任务 上 都 需要 花 不 少 的 时 间 ， 这 一 事实 进 一 
步 强 调 了 精简 移动 网 站 设计 的 重要 性 。 

在 我 们 2009 年 的 调研 中 ， 有 一 名 用 户 成 绩 非 常 突出 。 这 名 iPhone 用 户 仅 仅 用 了 18 秒 〈 是 
2000 年 最 快速 度 的 三 分 之 一 ) 就 通过 天 气 应 用 查 到 了 天 和 气 预 报 。 这 个 例子 足以 证 明 移动 专属 设 
计 的 益处 。 

在 我 们 最 近 的 移动 用 户 研 究 里 ， 用 户 的 平均 成 功率 是 62%， 这 一 成 绩 与 我 们 3 年 前 记录 的 
移动 可 用 性 得 分 相 比 只 有 3 个 百分点 的 进步 。 虽 然 这 一 进步 速度 可 能 看 上 去 慢 到 让 人 失望 ， 但 
它 与 我 们 在 过 去 12 年 进行 的 263 项 桌面 Web 使 用 调研 中 记录 的 速度 其 实 也 差不多 。 

观察 2009 年 的 用 户 在 手机 上 使 用 网 站 ， 让 我 们 想起 了 1998 年 测试 有 线 网 络 用 户 时 的 场景 。 
换 名 话说， 从 2000 年 到 2009 年 的 9 年 中 ,我 们 看 到 的 移动 用 户 体验 只 相当 于 进步 了 4 年 。 粗 
略 地 看 ， 移 动 可 用 性 的 进步 速度 只 有 有 线 网 络 可 用 性 进步 速度 的 一 半 。 

在 过 去 的 4 年 里 ， 移 动 UX 的 进步 速度 大 大 提高 。2012 年 使 用 高 端 手机 的 可 用 性 几乎 已 和 
2004 年 使 用 揭 面 网 站 的 可 用 性 相差 无 儿 。 在 手机 上 完成 任务 仍然 比 在 桌面 电脑 上 麻烦 ， 但 已 经 
不 像 从 前 那样 困难 了 。 
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多 个 触摸 屏 平台 (iPhone, Android 和 Windows Phone 等 ) 之 间 的 相互 竞争 以 及 移动 网 站 和 
应 用 的 大 量 消 现 使 得 进步 的 速度 差不多 快 了 一 倍 。 

那么 ， 为 什么 我 们 仍然 对 移动 网 站 和 在 线 服务 的 发 展 前 景 保 持 乐 观 的 态度 呢 ? 

我 们 已 经 经 历 了 移动 Web 可 用 性 的 关键 转折 点 。 就 像 1984 年 苹果 公司 的 Macintosh 引领 了 
个 人 电脑 可 用 性 的 突破 那样 ， 其 于 2007 年 推出 的 iPhone 同样 引领 了 移动 可 用 性 的 突破 。 

iPhone 当然 并 不 完美 ， 其 苋 争 对 手 很 容易 就 能 制造 出 更 好 的 移动 设备 。 这 里 的 “很 容易 ” 
并 不 是 指 只 需 一 个 周末 就 能 实现 ， 我 们 的 意思 是 只 要 将 精力 集中 在 用 户 体验 和 以 用 户 为 中 心 
的 设计 上 ， 就 是 有 可 能 做 到 的 ， 因 为 iPhone 诸 留 下 很 多 可 供 改 进 的 余地 。 然 而 ， 到 目前 为 止 
iPhone 的 苋 争 对 手 还 是 稍稍 有 些 落 后 。 或 者 说 得 好 昕 一些， 他们 已 经 实现 了 能 与 iPhone THE 2S 
的 可 用 性 ， 但 尚未 完成 超越 。 

Alan Kay 说 过 一 句 众 所 周知 的 话 ， 他 说 Mac“ 是 第 一 台 值 得 批评 的 电脑 ”。 同 样 ，iPhone 是 
第 一 台 值 得 批评 的 移动 互联 网 设备 。 这 是 访问 移动 在 线 服务 的 起 点 ， 而 不 是 终点 。 

虽然 设备 会 越 变 越 好 ， 但 重大 的 进步 还 是 必须 来 自 于 网 站 。 人 们 必须 研发 出 优化 移动 UX 
的 特殊 网 站 ( 包括 局 域 网 ) 设计 。 今 天 的 许多 网 站 依然 没有 移动 版 本 ,即使 有 也 经 党 是 设计 拙劣 ， 
并 对 移动 可 用 性 的 特殊 原则 缺乏 了 解 。 


移动 企业 网 ( Mobile Intranet ) 


我 们 每 年 都 会 进行 一 次 设计 竞赛 ， 评 出 世界 范围 内 10 大 设计 最 佳 的 企业 内 联网 。2009 
年 起 我 们 开始 看 到 一 些 优秀 的 移动 企业 网 设计 ， 而 30% 获 奖 的 企业 网 有 移动 版 本 。2011 年 
这 一 数字 倍增 至 60%。 看 上 去 移动 空间 前 景 似乎 更 加 光明 。 然 而 ，2012 年 这 一 数字 下 降 到 
了 10%， 只 有 Genentech 在 其 一 系列 :OS 应 用 (苹果 公司 的 系统 在 该 公司 内 占据 统治 地 位 ) 
中 提供 了 移动 企业 网 设计 。 其 他 的 获奖 者 虽然 在 网 络 中 向 员工 提供 了 移动 企业 网 入 口 ， 但 
并 未 进行 移动 优化 。 
移动 企业 网 领域 缺乏 吸引 力 的 原因 很 可 能 有 以 下 三 点 。 
图 企业 内 联网 项 目 组 仍然 没有 足够 的 预算 和 资源 来 开发 移动 平台 。 
E 除非 企业 统一 配给 移动 设备 ， 否 则 企业 网 项 目 组 很 难 选择 着 力 于 何 种 设备 ， 导 至 
最 后 干脆 不 为 任何 设备 设计 。 
B 创建 一 个 任何 设备 都 能 使 用 的 移动 企业 网 版 本 是 一 种 可 行 方案 。 但 是 ， 就 像 本 章 
前 文 提 到 的 那样 ， 要 对 员工 真正 有 用 和 有 帮助 ， 即 使 只 有 一 个 移动 版 也 必须 与 网 
站 区 别 设 计 。 这 就 要 有 足够 的 资源 来 创建 和 维护 两 个 不 同 的 应 用 程序 。 
在 有 关 移 动 企 业 网 的 经 验 尚 不 充分 的 时 候 ， 不 妨 先 遵循 我 们 在 本 书 中 讨论 的 移动 网 站 
和 应 用 的 可 用 性 原则 。 关 于 这 方面 的 用 户 人 体验， 我们 经 常 发 现 企业 网 可 用 性 依附 于 Web 可 
用 性 : 企业 网 用 户 同样 使 用 外 部 网 站 ， 并 且 会 根据 在 主流 网 站 的 使 用 体验 形成 很 多 预期 。 
这 对 移动 设计 而 言 可 能 也 是 一 样 的 。 
因此 ， 虽 然 我 们 在 本 书 中 并 不 特别 涉及 移动 企业 网 ， 但 如 果 你 恰好 正在 设计 移动 企业 
网 的 话 ， 相 信 仍 然 可 以 从 书 中 学 到 不 少 经 验 教训 。 


我 们 所 有 的 研究 发 现 都 支持 同一 个 结论 ， 为 移 
动 设 备 设计 很 困难 。 技 术 上 的 可 访问 性 和 提供 可 接 
受 的 用 户 体 验 远 不 是 一 回 事 ， 光 让 你 的 网 六 在 手机 
里 显示 出 来 是 不 够 的 。 要 论 在 网 站 中 完成 实际 任务 
的 能 力 ， 即 使 是 那些 提供 “全 功能 ” 浏 贤 右 的 触 屏 
手机 也 无 法 提供 PC 级 别 的 可 用 性 。 
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为 移动 设备 设计 时 ， 需 要 权衡 以 下 两 点 : (a) 让 内 容 和 导航 足够 醒目 ， 这 样 人 们 不 用 太 费 劲 
就 能 找到 ; (b) 为 小 屏幕 和 绥 慢 的 下 载 速度 设计 。 这 两 点 就 解释 了 为 什么 几乎 所 有 的 设计 决策 都 
必须 根据 目标 网 站 的 特点 作出 ， 适 合 一 个 网 站 的 方式 不 一 定 适合 其 他 网 站 。 
移动 用 户主 要 面临 以 下 4 个 可 用 性 障碍 。 
图 小 屏幕 。 一 台 适 合 在 移动 中 使 用 的 设备 必须 容易 携带 ， 因 此 尺寸 相对 较 小 。 小 屏幕 意味 
着 在 任意 时 刻 都 只 能 有 更 少 的 可 见 选 项 ， 因 而 要 求 用 户 途 和 借 自生 的 短期 记忆 力 构 建 对 在 
线 信息 空 间 的 理解 。 这 就 使 几乎 所 有 的 交互 活动 都 变 得 更 加 困难 。 同 样 有 难度 的 是 为 多 
个 窗口 或 其 他 支持 高 级 行为 的 界面 方案 挤 出 空间 ， 比 如 对 产品 进行 比较 ( 图 3-1 )。 
图 3-1 中 显示 的 设备 比较 表 需 要 大 量 垂直 和 水 平 的 页 面 滚动 ， 对 用 户 的 短期 记忆 力 提 出 
了 很 高 的 要 求 。 首 先 ,这 张 表 实际 上 只 比较 了 两 台 设备 (在 比较 清单 中 紧 挨 着 的 那 两 个 ): 
要 比较 设备 1 和 3， 用 户 需 要 在 短期 记忆 里 保存 很 多 的 信息 ， 并 在 不 同 内 容 的 屏幕 之 间 
来 回 切换 。 其 次 ， 因 为 这 张 表 很 长 ， 横 跨 数 屏 ， 用 户 无 法 看 到 所 有 功能 或 是 大 多 数 功 能 ， 
因此 还 需要 记 住 这 些 设备 有 哪些 自己 关注 但 不 一 定 能 同时 看 到 的 特点 。 此 外 ， 在 屏幕 截 
图 3-1c 中 ， 屏 大 空地 没有 被 完全 利用 起 来 ， 文 字 的 周围 有 许多 空白 ， 而 且 这 种 功能 名 称 
和 数值 相交 替 的 布局 让 这 张 表 更 难以 快速 阅读 。 
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Three items selected. 
Item 2 Remove 


Garmin-niivi 50LM GPS 


Reg. Price: $169.99 
Our Price: $127.99 
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百思买 的 Android 应 用 有 一 个 比较 产品 的 功能 。 你 最 多 可 以 在 同一 时 间 内 比较 4 件 产品 ， 并 能 在 屏幕 中 看 到 其 
中 的 2 件 。 以 下 是 我 们 挑选 的 3 种 GPS 设备 的 屏幕 截图 . 
(c) 用 户 向 下 滚动 后 显示 设备 2 和 设备 3 之 间 的 更 多 比较 内 容 
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(a) 比较 设备 1 和 设备 2 的 网 页 上 部 . 
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Q Search Best Buy EQ 


Number of Channels 
12 12 
Number of Waypoints 
1,000 
MP3 Playback 
No No 
Bluetooth Built-in 
No Yes 
Text to Speech 
Yes Yes 
WAAS-Enabled 
No No 
Download Capability 
Yes Yes 


Built-In Base Maps 


Yes Yes 
PC Connectivity 
Yes Yes 


Voice Prompts 
Yes Yes 
Backlit Display 


Yes Yes 


View all p m 


(c) 


(b) 比较 设备 2 和 
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B 输入 别 捏 ， 特 别 是 打字 。 在 无 鼠标 的 情况 下 操作 GUI 组 件 是 有 难度 的 ， 无论 是 触摸 还 是 
通过 小 小 的 轨迹 球 操作 ， 沫 单 、 按 钮 、 超 文本 链接 和 滚动 都 要 花 上 更 长 的 时 间 ， 而 且 更 
容易 出 错 。 即 使 是 在 有 专用 迷你 键盘 的 设备 上 ， 输 入 文字 还 是 特别 慢 ， 而 有 旦 错误 频 发 。 
B PRR, TJ P RES LOS (经常 比 拨号 连接 还 要 久 ， 哪 怕 正 用 着 理论 
上 飞快 的 3G 或 4G 服务 )。 
B 网 站 设计 不 当 。 因 为 网 站 经 党 依照 台面 可 用 性 进行 优化 ， 它 们 并 不 遵守 移动 特有 的 可 用 
性 原则 。 
前 两 个 问题 似乎 是 与 生 俱 来 的 。 移 动 设备 永远 不 会 提供 像 全 配置 PC 那样 大 的 屏幕 和 那么 
好 的 输入 设备 。 

网 速 的 问题 有 望 在 未 来 得 到 解决 ， 但 移动 连接 要 达到 有 线 电视 宽 市 那么 快 尚 需 许多 年 ， 更 
不 用 说 和 迅速 发 展 的 有 线 宽带 相 比 了 。 

移动 端 永 远 不 会 和 果 面 端 一 样 ， 因 此 用 户 只 有 寄 硕 望 于 网 站 会 重新 设计 ， 拥 有 更 好 的 移动 
可 用 性 。 


3.1 被 泥 费 的 移动 空间 


要 想 有 一 个 成 功 的 移动 网 站 或 应 用 ， 显 然 ， 指 导 原 则 就 是 为 小 屏幕 设计 。 不 幸 的 是 有 些 设 
计 师 没有 这 么 做 ， 我们 也 仍然 会 看 到 用 户 们 在 艰难 地 触 碰 比 他 们 手指 小 得 多 的 区 域 。“ 胖 手指 ” 
症状 在 未 来 很 多 年 仍 将 伴随 我 们 。 

第 二 个 观点 更 概念 化 一 些 ， 有 些 人 会 更 难 接受 : 对 一 人 台 小 屏幕 的 设备 来 说 ， 你 必须 限制 功 
能 的 数量 ， 只 保留 那些 对 移动 用 途 来 说 最 关键 的 。 

即使 在 桌面 电脑 上 ， 珍 贵 的 像素 也 像 是 世界 上 最 昂贵 的 房地产 项 目 一 样 。 亚 马 逊 网 站 里 的 
“添加 到 购物 车 ”(Add to Cart ) 按钮 大 小 为 160 x 27 像素 ， 在 一 人 台 典 型 的 100 dpi 5T hz ss p 
占据 0.003 平方 瑞 寸 (0.0003 平方 米 ) 的 面积 。 你 能 在 美国 一 般 家 庭 住房 的 地 面 铺 上 80 万 个 “ 购 
K” (Buy) 按钮 ， 而 这 样 的 家 庭 住房 当前 的 房价 是 16 万 美元 。 仅 仅 一 个 购买 按钮 就 能 市 给 你 这 
么 多 收入 ， 更 何况 是 80 万 个 按钮 呢 。 

一 般 情 况 下 ， 当 某 件 物品 价值 连城 时 ， 你 会 试图 将 它 保 存 起 来 。 但 屏幕 空间 不 应 该 被 困 积 ， 
而 是 应 该 被 利用 。 我 们 见 过 太 多 这 样 的 设计 : 一 边 把 有 重要 价值 的 内 容 和 操作 项 目 塞 进 小 小 的 
空间 里 ,一边 却 浪费 着 其 余 大 量 的 屏幕 空间 。 

移动 屏幕 是 那么 地 小 ， 浪 费 空间 是 一 种 罪 。 

图 3-2 展示 了 我 们 某 一 项 iPad 调研 里 的 屏幕 截图 。 现 在 新 闻 版 块 的 用 户 界 面 是 一 个 巨大 的 
球体 ,可 以 用 手势 转动 它 。 这 种 图 形 设计 很 棒 ,最 初 的 交互 也 很 吸引 人 ,一 开始 用 户 都 会 认为 它 " 有 
点 酷 "”、“ 真 的 很 酷 "、“ 华 丽 ”、“ 吸 引 了 眼球 ”和 “比较 有 趣 ”。 

虽然 有 惊艳 的 第 一 反应 ,但 用 户 却 并 不 言 欢 这 种 显示 方式 ， 一旦 发 现 蔡 代 方式 后 便 立 刻 进 
行 了 切换 ( 图 3-3 )。 经 常 使 用 ABC 新 闻 应 用 的 用 户 告诉 我 们 ， 他 们 更 喜欢 主屏 幕 上 显示 比较 正 
规 的 新 闻 列 表 。 
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3-9 (AR) ABC 新 “SS a WI / 
Ig 85 iPad 应 用 ， 另 一 种 = pipan 
主页 显示 方式 ， 能 呈现 更 
多 新 闻 ， 这 才 是 人 们 实际 
使 用 的 


为 什么 用 户 在 日 党 实际 使 用 中 侦 爱 普通 而 且 有 点 无 趣 的 设计 呢 ? 这 是 因为 该 设计 能 让 用 户 
一 眼 扫 到 更 多 新 闻 ， 而 那个 球体 只 能 清楚 地 显示 一 条 新 闻 ， 其 他 的 新 闻 图 片 和 标题 都 是 扭曲 的 ， 
几乎 无 法 阅读 ， 这 是 对 屏 俊 空间 的 多 大 浪费 啊 。 

第 二 个 例子 是 The Weather Channel 提供 的 iPad 应 用 (图 3-4 )。The Weather Channel 成 功 地 
浪费 了 iPad 的 屏 希 空间， 它 让 大 多 数 天 气 信 息 挤 在 屏 欠 底部 的 罕 条 中 ， 而 将 大 部 分 屏 友 空间 奉 
献 给 了 一 张 纯粹 起 装饰 作用 的 图 片 。 虽 然 触摸 一 下 屏 茶 也 能 显示 出 额外 信息 ， 但 是 这 个 默认 显 
示 却 贫乏 得 让 人 和 拓 望 。 


Amsterdam Partly Cloudy 


Netherlands A 15°C 


3-4 这 可 以 算是 空间 利用 的 反面 教材 了 。The Weather Channel 的 
iPad 应 用 将 大 部 分 iPad 屏幕 空间 用 于 显示 一 张 巨 大 且 基 本 上 无 关 紧 要 avert 


. 
Feels Like Wind Humidity Dew Point UV Level Visibility E 


—— he Sunset 
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一 个 内 容 ， 两 种 界面 
26, Ae £ 数 情 况 下 同 = 个 ml. AT&T M-Cell 4G 12:00 AM mi.. AT&T M-Cell 4G 11:59 PM 

数据 集 如 果 有 两 种 界面 就 太 多 Edit Books 
了 。 这 通常 意味 着 存在 懒惰 的 - = T 
tS eS b onc 
Den : 设计 i 不 能 确 A 两 icin " The Design of Future Things 
Wy 3i us 9 于 是 干脆 让 用 户 Fah 4 N Don Norman 

: : 、 | Ethan Frome 
JA yd o A 数据 使 用 两 种 界面 或 i " t Edith Wharton 
视图 ， 唯 一 合理 的 情 形 是 这 两 Heart of Darkness 

* Joseph Conrad 

Ai E] AM yu Js x 
种 视图 分 别 强 调 了 数据 上 自 f FL . Lillivwomen 
有 显著 不 同 的 两 个 方 面 “i Louisa May Alcott 

: The Mysteri Affair at St... 
在 图 3-5 v ? iBooks 和 Yelp Pieds 7 TT s 
允许 用 户 切 换 数 据 显示 的 方 mm. uw ^ AN Poems (Vol. 1) 
S 

和 一 个 列表 视图 ， 而 Yelp 有 (9? (b) 
一 个 列表 视图 和 一 个 地 图 视 


A. Yelp) Ar fet AP 
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查看 数据 的 不 同方 面 : 列表 视 E ooooc «e 

p y ^w d 1042 EEIC i R LS | 
图 包括 餐馆 类 型 和 评分 9 地 图 Sushi Bars Wt pate mi 


视 图 则 显示 T 餐馆 相 对 于 地 标 || 2. Sweet Potato Stall 
` . ! OGOOQOtC eviews 
的 位 置 。iBooks 的 一 种 看 面 很 a - 


3531 El Camino Real, Santa Clara 


HF X T 3 一 种 ( 不 的 是 Food Stands $ 3.2 mi 
> >D : m m» 3. Sunnyvale Cafe 

它 却 不 是 默认 界面 ) O 事 实 表 em 29 DOUDUOLEL 153 Reviews 

HF ; Fi) 表 视 图 能 让 用 P 更 加 轻 X zz 223 E Maude Ave, Sunnyvale 


Mediterranean $ 1.9 mi 


松 地 办 认 作者 和 书 名 ,或 用 书 Ue Ege 
名 来 查找 图 书 〈 因 为 图 书 在 这 Nu — Ln new Wy 


604 E El Camino Real, Sunnyvale 


一 视图 中 是 按照 书 名 的 字母 顺 anc tro S 1.4 mi d thee 


Birdland Central Park $ 


序 排 列 的 ， 而 在 书架 视图 里 不 is 5. Pizz'a Chicago oen n ak Qa 9 [P 
是 ) 。 虽 然 你 可 以 争辩 说 书架 

视图 支持 用 封面 来 辨认 图 书 ， 

旦 是 当 图 书 数 量 不 断 增 加 时 ， 图 3-5 交替 的 界面 : iBooks 和 Yelp。 (a) iBooks 的 书架 视图 ， 
赁 着 辨认 封面 找到 书 的 可 能 性 ^ (b)iBooks 的 列表 视图 (c) Yelp 的 列表 视图 ， (d) Yelp 的 地 图 
就 会 随 之 降低 。 视图 。Yelp 使 用 两 种 界面 是 合理 的 ，iBooks 却 不 合理 


信息 密度 越 高 就 意味 着 所 需 导 航次 数 越 少 ， 并 且 越 有 可 能 看 见 所 需 信息 。 
这 个 观点 与 Edward R. Tufte 在 他 的 大 作 The Visual Display of Quantitative Information 


42 $33 


AA ABH 


中 提出 的 应 增加 图 表 中 “数据 墨水 ”“" 比 重 的 号 召 有 关系 ,但 稍微 有 点 区 别 ， 印 刷 图 表 与 交互 用 
户 界 面 ( UI) 不 是 一 回 事 。 在 UI 中 ， 你 不 能 在 屏幕 中 填 满 数据 ， 否 则 用 户 会 感到 不 知 所 措 。 


Tufte: 数据 显示 的 天 才 


Edward R. Tufte 创 作 了 大 量 有 关 数 据 显示 且 这 有 精美 插图 的 著作 。 他 的 第 一 部 作品 The 
Visual Display of Quantitative Information, 2nd edition 至 今 仍然 是 最 棒 的 。 
你 可 能 会 认为 一 本 2001 年 出 版 的 书 太 古老 了 ， 无 法 帮助 你 设计 前 沿 的 移动 用 户 界 面 。 


这 样 想 就 错 了 。 虽 然 Tufte 的 书 中 举 的 例子 经 常 是 老 古董 ， 但 他 提出 的 清晰 数据 视觉 传播 原 


则 却 是 永远 适用 的 。 


Tufte 第 二 棒 的 作品 是 Envisioning Information。 因 为 这 本 书 并 没有 出 第 二 版 ， 所 以 它 其 
至 比 Tufte 的 第 一 本 书 还 要 年 代 久 远 。 但 是 ， 这 本 书 里 的 建议 同样 适用 至 今 。 


4 


在 图 3-6 rh, Weather Bug 应 用 试图 以 两 种 方式 增加 UT 45 


含 导 航 选 项 的 标签 栏 中 使 用 跑马 灯 ; (2) 只 在 该 标签 栏 中 显示 图 标 ， 不 显示 文字 说 明 。 我 们 认为 
这 样 做 的 结果 是 过 度 复 杂 ， 因 为 屏幕 底部 标签 栏 中 的 图 标 含义 很 模糊 ， 信 息 气 味 〈 参 见 3.1.3 市 
附注 栏 “ 信 息 气 味 ” 的 内 容 ) 很 弱 。 使 用 标准 系统 图 标 代 瞧 会 更 好 ,或 者 至 少 给 图 标 加 上 文字 说 明 。 


这 个 跑马 灯 标 签 栏 是 一 


3-6 Weather Bug 的 Android 
版 应 用 在 很 小 的 区 域 中 塞 入 了 大 


多 的 Ul。 (a) EBX (RMR 
部 ) 的 前 4 个 图 标 ; (b) 后 续 的 
跑马 灯 图 标 
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(b) 


CD 数据 墨水 〈data ink) 是 指 在 展示 量化 数据 的 图 表 中 ， 用 于 显示 数据 而 非 装饰 的 那 一 部 分 墨水 。Edward R. Tufte 
认为 数据 是 图 表 中 最 重要 的 部 分 ， 应 提高 数据 墨水 的 比重 ， 不 能 因为 美观 的 需要 而 扭曲 数据 量度 。 一 一 详 者 注 
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3.1.1 Chrome 


我 们 在 讨论 用 户 界 面 时 提 到 的 Chrome ?是 什么 意思 ? 

Chrome 是 指 一 些 虚 拟 设计 元 系 ， 这 些 元 双 问 用 户 提 供 关 于 屏 大 内容 的 信息 或 操控 该 内 容 的 
命令 。 这 些 虚拟 设计 元 了 系 是 由 底层 系统 ( 可 以 是 操作 系统 、 网 站 或 应 用 程序 ) 提供 的 ， 环 绕 在 
问 用 户 提 供 的 数据 周围 。 

无 独 有 偶 ， 谷 歌 的 Web 浏览 希 也 叫做 Chrome， 但 我 们 在 此 并 不 是 指 这 个 浏览 需 。 

我 们 不 知道 是 谁 首 先 想 出 的 这 一 术语 ， 但 它 很 可 能 是 对 20 世纪 50 年 代 美 国 镀铬 大 轿车 的 
视觉 比拟 : 和 车身 (你 乘坐 的 部 分 ) 周围 贸 了 腕 办 办 的 铬 ， 包 括 保险 杠 和 尾 轰 等 部 分 。 

与 之 相似 ， 在 大 多 数 现代 GUI 中 ，Chrome 位 于 屏幕 的 边 角 周 围 ， 包 围 着 专用 于 显示 用 户 
数据 的 中 心 部 分 。 

1. 不 同系 统 层面 中 的 Chrome 

下 面 是 一 些 Chrome 的 例子 ， 依 “底层 系统 ”的 不 同 而 有 所 区 别 。 

B 在 Windows PC E, Chrome 指 的 就 是 Windows 操作 系统 。 在 Windows 7 中 ，Chrome 包 

括 开 始 按 钮 、 任 务 栏 、 系 统 托 盘 区 和 回收 站 。 我 们 还 可 以 把 介面 小 工具 区 归 为 Chrome, 
特别 是 当 用 户 沿 用 了 系统 自 融 的 小 工具 时 ( 由 于 用 户 的 惰性 和 默认 设置 的 力量 ， 很 多 用 
户 都 会 这 么 做 )。 

图 在 应 用 程序 软件 中 ， 比 如 文字 处 理 软件 ， 可 以 在 许多 地 方 看 到 Chrome， 例 如 沫 单 栏 、 功 

能 区 (ribbon ) 或 工具 栏 、 标 尺 、 深 动 条 和 各 种 专用 面板 ,例如 Microsoft Word 中 的 同 义 
词 栏 或 Adobe Photoshop 里 的 调 色 面板 。 

B 在 Web 浏览 器 中 ，Chrome 包括 显示 URL 网 址 的 区 域 、 浏 览 右 的 工具 栏 、 浏 览 妖 的 按钮 、 

标签 、 滚 动 条 和 状态 栏 区 域 。 

B 在 移动 应 用 中 ，Chrome 经 常 包括 横 跨 屏幕 顶端 的 状态 栏 和 横 跨 屏幕 底 端 、 显 示 命 令 图 标 

的 标签 柱 。 有 了 时候， 状态 栏 的 下 方 还 会 有 一 个 导航 栏 。 

B 在 网 站 中 ，Chrome 包括 导航 条 、 页 脚 、 徽 标 、 了 商标 和 搜索 框 等 。 

图 3-7 展示 了 一 些 移动 应 用 中 的 Chrome 范例 。 在 Apple Store ( 图 3-7a) 中 ,标签 柱 和 搜索 
栏 帮 助 用 户 在 应 用 中 导航 ， 但 不 属于 内 容 。 在 Adobe Ideas (图 3-7b ) 中 ， 工 具 栏 和 顶部 的 那 一 
栏 属于 Chrome， 因 为 它们 证 用户 能 够 对 显示 的 文件 进行 操作 。 


2. WEBB Chrome: 别 吃 掉 我 的 像素 

使 用 Chrome 的 代价 很 明显 : Chrome 会 占据 屏幕 空间 ， 因 而 给 目标 内 容 或 数据 和 留 下 的 空间 
BRI, POSEE SIS MN ETI, EAE TT Rae a TB] Se i HRS, PC 相 比 更 加 珍 贯 。 即 
使 是 在 30 Bett AY Se ga NAR E, Windows 和 Microsoft Excel 两 者 的 Chrome 加 起 来 就 意味 着 用 
户 只 能 看 到 电子 表格 中 67 行 的 数据 ， 而 不 是 该 屏幕 理论 上 能 显示 出 的 80 行 。 因此， 如 果 没 有 
Chrome， 人 们 可 以 多 看 到 大 约 19% 的 数据 。 


S 
z 


(D Chrome 的 字面 意思 是 镀铬 (Chromium ) 的 金属 板 。 一 一 译 者 注 


44 第 3 章 为 小 屏幕 设计 


3-7 ”移动 应 用 中 的 Chrome。 ar. AT&T M-Cell ^ 6:08 PM = 
(a) 在 iPhone 版 的 Apple lasec 1) 
Store 应 用 中 ， 底 部 的 标签 栏 和 se 
顶部 的 搜索 栏 是 Chrome 的 一 部 
o (b) 在 iPhone 版 的 Adobe 
Ideas 中 ， 边 上 的 工具 栏 和 顶部 
的 那 一 栏 属于 Chrome ( 现在 你 
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opacity 


Personal Pickup 
Buy Now. Pick up in an Apple Retail > 
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it xB Silverlit Enzo Ferrari 
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(a) 


这 个 电子 表格 的 例子 还 展现 出 Chrome 的 另 一 个 缺点 : 随 着 每 一 个 目 市 Chrome 的 系统 登 加 
于 现 有 的 系统 之 上 ，Chrome 会 逐渐 堆积 起 来 。 鉴 于 堆积 的 Chrome 经 常会 占据 总 体 像素 的 一 半 
以 上 ， 一 条 可 以 确定 的 原则 是 ， 当 心 Chrome ZEE 
另 一 条 原则 是 ， 设 法 将 一 部 分 Chrome 暂时 隐藏 起 来 ， 下 到 需要 时 再 进行 显示 。 不 过 ， 这 
么 做 很 危险 ， 因 为 人 们 看 不 见 的 部 分 经 常会 被 他 们 抛 到 脑 后 。 在 用 户 界 面 设计 中 ， 你 绝对 不 能 
依赖 于 人 们 的 短期 记忆 力 。 
要 让 这 种 切换 显示 状态 的 Chrome 起 到 恨 好 将 果 ， 必 须 采 取 以 下 措施 。 
B 使 用 一 种 简单 可 靠 的 操作 来 显示 Chrome， 不 要 使 用 复杂 难 记 或 容易 误 触 的 手势 。 
许多 内 容 丰 十 的 应 用 将 Chrome 隐藏 起 来 ， 以 最 大 程度 地 将 屏保 空间 用 于 显示 实际 内 容 
以 及 提供 沉浸 式 的 体验 (图 3-8 )。 用 户 可 以 通过 轻 触 页 面 调 出 控件 。 
为 了 让 用 户 知道 可 以 用 轻 触 的 手势 调 出 控件 ， 我 们 建议 像 图 3-8 中 的 Instapaper 应 用 一 样 ， 
先 显 示 Chrome， 等 用 户 在 页 面 里 停留 数秒 后 再 将 Chrome 隐藏 起 来 。 另 外 ， 我 们 建议 在 
隐藏 Chrome 时 使 用 缓慢 的 淡出 效果 ， 而 不 是 瞬间 让 它 消 失 ， 因 为 这 一 人 简单 的 动画 会 吸引 
用 户 的 一 点 儿 注 意 力 ,让 他 们 注意 到 正在 缕 慢 消失 的 Chrome C 因此 效果 也 不 能 太 过 奔 张 )。 
B 提供 自始至终 无 懈 可 击 的 一 任性 ， 让 用 户 的 长 期 记忆 罕 牢 记 住 Chrome 正 处 于 隐藏 状 态 。 
实现 的 方法 是 不 断 重 复 这 一 模式 ， 并 且 设 法 避免 出 现任 何 例外 情况 。 
B 通过 使 用 上 下 文 提 示 和 渐进 式 暴 露 progressive disclosure ,参见 下 文 附注 栏 “ 渐 进 式 暴露 ” 
的 内 容 ) 的 方法 降低 隐藏 Chrome 所 种 来 的 复杂 性 。 渐 进 式 暴露 ( 经 党 用 于 游戏 中 以 使 
DCRR AAS ES ) 这 一 概念 必须 同样 地 应 用 到 这 一 环境 中 :你 需要 在 信息 真正 有 用 的 时 候 ， 
温和 地 牵 痢 处 于 正确 上 下 文 环境 中 的 用 户 的 手 ， 一 次 回 他 们 提 一 个 建议 ， 而 不 是 在 缺乏 
上 下 文 环境 的 初始 阶段 就 用 全 部 的 Chrome 信息 淹没 他 们 。 


图 3-8 Instapaper 的 iOS 应用。 
(a) 处 在 显示 状态 的 Chrome. 
(b) 处 于 隐藏 状态 的 Chromeo 

Instapaper @— sk iE H PUNE 

保存 Web 文章， 等 有 空 时 再 进 

行 阅读 的 应 用 


ulll AT&T M-Cell © 1:05 PM 
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way for Seinfeld, Pulp Fiction, The Office, and 
Judd Apatow’s career, and made stars of 
Mickey Rourke, Kevin Bacon, Ellen Barkin, Mickey Rourke, Kevin Bacon, Ellen Barkin, 


and Paul Reiser. Three decades later, S. L. and Paul Reiser. Three decades later, S. L. 


. e 
M Q $ AA = raw cast broke all the rules—and stumbled 


(a) (b) 


Price reports how a novice director and his 


Adobe Photoshop Express 是 一 球 iOS 照片 编辑 应 用 。 它 实际 上 就 是 通过 上 下 文 提示 的 方 
式 实现 了 渐进 式 雄 露 (图 3-9 )。 当 用 户 选 择 了 一 个 菜单 项 ， 比 如 锐 化 ， 一 个 提示 就 会 弹 
出 来 告诉 他 们 可 以 使 用 什么 样 的 手势 锐 化 图 片 。 只 有 在 提示 能 起 到 帮助 作用 的 上 下 文 环 
境 里 ， 用 户 才 会 看 到 这 个 提示 。 


3-9 Adobe Photoshop Express 
使 用 上 下 文 提 示 以 缓解 缺乏 
Chrome 所 导致 的 不 便 。 (a) 当 
用 户 选 择 了 锐 化 功能 ， 一 个 提示 
就 会 弹出 来 告诉 他 们 可 以 使 用 什 
么 样 的 手势 锐 化 图 片 。 ( b ) 关闭 
提示 之 后 ， 用 户 残 可 以 通过 在 屏 
幕 上 滑动 手指 的 方式 锐 化 图 片 (In EU 
部 的 数字 表示 当前 锐 化 的 程度 ) (a) (b) 


Sharpen 


| 
| Slowly slide your finger left/right | 
over the image to adjust the 
sharpen effect. 


Dismiss 


Hide Tips 


3. 用 手势 代替 Chrome ? 

EAEE, PRAKSE Chrome 执行 一 些 原本 由 按钮 负责 的 操作 。 如 有 果 手 势 提 供 了 
恰当 的 可 操作 性 ， 数 量 也 不 太 多 ， 那 么 它们 能 起 到 很 好 的 效果 。 人 举例 来 说 ， 许 多 用 于 阅读 图 书 
以 及 其 他 内 容 的 应 用 使 用 快速 滑动 (swipe ) 手势 进行 翻 页 。 它 们 取消 了 后 退 按钮 ， 用 在 页 面 左 
侧 进 行 快 速 滑动 的 手势 来 代 蔡 。 如 采 在 页 面 右 侧 以 同样 的 手势 请 动 ， 就 会 转 到 下 一 页 。 这 种 手 
势 与 在 实体 书 上 翻 页 的 动作 很 相似 ， 因 此 大 多 数 用 户 很 快 就 能 发 现 ( 图 3-10 )。 然 而 ， 一 些 iPad 
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zy 


比如 《大 众 科学 》( Popular Science )， 使 用 快速 滑动 两 根 手指 的 手势 来 转 到 下 一 


O 


这 种 手势 就 与 前 者 的 可 操作 性 完全 不 同 ， 也 更 加 难以 被 发 现 (参见 5.1.3 节 )。 


3-10 Android 中 的 Aldiko 应 
用 。 (a) 一 本 书 中 的 一 个 页 面 。 
(b) 在 左 侧 快 速 滑 动 会 转 至 书 的 
前 一 页 


Butthere weretimes when even amoose-birdfailed 
to affect him, and those were times when he felt 
himself to be in danger from some other prowling 
meat hunter. He never forgot the hawk, and its moving 
shadow always sent him crouching into the nearest 
thicket. He no longer sprawled and straddled, and 
already he was developing the gait of his mother, 
slinking and furtive, apparently without exertion, yet 
sliding along with a swiftness that was as deceptive as 
it was imperceptible. 

In the matter of meat, his luck had been all in the 
beginning. The seven ptarmigan chicks and the baby 
weasel represented the sum of his killings. His desire 
to kill strengthened with the days, and he cherished 
hungry ambitions for the squirrel that chattered so 
volubly and always informed all wild creatures that the 
wolf-cub was approaching. But as birds flew in the air, 
squirrels could climb trees, and the cub could only try 
to crawl unobserved upon the squirrel when it was on 
the ground. 

The cub entertained a great respect for his mother. 
She could get meat, and she never failed to bring him 
his share. Further, she was unafraid of things. It did 
not occur to him that this fearlessness was founded 
upon experience and knowledge. Its effect on him was 
that of an impression of power. His mother 


represented power; and as he grew older he felt this 
power in the sharper admonishment of her paw; while 
the reproving nudge of her nose gave place to the slash 
of her fangs. For this, likewise, he respected his 


THE LAW OF MEAT 


The cubs development was rapid. He rested for two 
days, and then ventured forth from the cave again. It 
was on this adventure that he found the young weasel 
whose mother he had helped eat, and he saw to it that 
the young weasel went the way of its mother. But on 
this trip he did not get lost. When he grew tired, he 
found his way back to the cave and slept. And every 
day thereafter found him out and ranging a wider area. 

He began to get accurate measurement of his 
strength and his weakness, and to know when to be 
bold and when to be cautious. He found it expedient 
to be cautious all the time, except for the rare 
moments, when, assured of his own intrepidity, he 
abandoned himself to petty rages and lusts. 

He was always a little demon of fury when he 
chanced upon a stray ptarmigan. Never did he fail to 
respond savagely to the chatter of the squirrel he had 
first met on the blasted pine. While the sight of a 
moose-bird almost invariably put him into the wildest 
of rages; for he never forgot the peck on the nose he 
had received from the first of that ilk he encountered. 


交互 设计 师 们 面临 着 一 种 两 难 局 面 ， 
Nene hia 

图 用 户 们 想 要 权力 、 功 能 ， 以 及 足够 
A EO 
项 。 (每 个 人 或 多 或 少 都 算是 特殊 
的 个 例 。 上 比如， 有 谁 想 在 文字 处 理 
软件 里 显示 行 号 ”答案 是 几 百 万 用 
户 。 就 有 这 么 多 ， 包 括 了 大 多 数 律 
师 事务 所 。 ) 

W 用 户 们 想 要 简单 。 他 们 没有 时 间 对 
无 数 的 功能 进行 深入 研究 ， 找 出 其 
中 最 能 满足 他 们 要 求 的 那些 

渐进 eae IE EE 


的 需求 的 最 佳 方法 之 一 。 这 种 既 简 单 又 有 
力 的 想法 可 以 通过 以 下 两 个 步骤 实现 。 

(1) 在 初始 阶段 只 向 用 户 展 示 一 小 部 分 
最 重要 的 选项 。 

(2) 仅 在 应 用 户 要 求 时 才 提 供 更 多 的 特 
————— 


此 二 级 功能 ， 这 就 意味 着 大 多 数 用 户 不 会 
被 这 种 额外 的 复杂 性 所 困扰 ， 从 而 可 以 继 
续 进 行 自己 的 工作 。 


在 一 个 根据 渐进 式 暴 露 设 计 的 系统 
中 ， 那 些 从 一 开始 就 存在 的 事物 会 让 用 户 
了 解 它们 的 重要 性 。 


对 于 新 手 用 户 ， 这 将 帮助 他 们 理 清 主 
次 关系 ， 只 将 注意 力 和 时 间 放 在 最 有 可 能 
对 他 们 有 用 的 功能 上 。 渐 进 式 暴露 还 通过 
隐藏 高 级 设置 来 帮助 新 手 用 户 避 免 犯 一 些 
错误 ， 并 且 避 免 花 费 许 多 时 间 去 思考 他 们 
并 不 需要 的 功能 。 

对 于 高 级 用 户 来 说 ， 精 简 的 初始 显示 
也 能 帮助 他 们 节省 时 间 ， 因 为 他 们 无 需 扫 
视 一 大 堆 很 不 常用 的 功能 。 

因此 ， 渐 进 式 暴露 可 以 改善 可 学 习 
性 、 提 高 使 用 效率 并 降低 错误 率 。 

你 可 能 会 这 样 假定 : 从 一 开始 就 将 
用 户 的 注意 力 集 中 于 一 小 部 分 核心 功能 ， 
可 能 会 让 他 们 在 脑子 里 对 这 一 系统 的 认识 
简单 化 ， 从 而 不 能 完全 了 解 自 己 手 中 的 所 
有 选项 。 研 究 表明 ， 这 一 担忧 是 毫 无 根据 
的 ， 如 果 你 帮助 人 们 理 清 了 一 个 系统 中 各 
种 功能 的 主 次 关系 ， 让 他 们 能 花 更 多 的 时 
间 在 最 重要 的 功能 上 ， 他 们 就 会 更 好 地 理 
解 这 一 系统 。 

渐进 式 暴 露 这 个 概念 看 起 来 可 能 很 简 
单 ， 但 你 进行 设计 时 ， 必 须 做 好 以 下 两 方 
1 Lt. 

B 必须 找到 初始 功能 和 二 级 功能 的 正 

确 分 界线 。 要 展示 出 用 户 经 常 从 一 


3.1 被 浪费 的 移动 空间 47 


开始 就 需要 的 那些 内 容 ， 让 他 们 只 
在 少数 情况 下 才 需 要 渐进 至 第 二 显 
示 层 。 反 之 ， 首 要 列表 里 也 不 能 
太 多 的 选项 ， 否 则 无 法 让 用 户 将 足 
够 多 的 注意 力 集中 于 真正 重要 的 事 
务 上 。 另外， 初始 显示 层 也 不 能 包 
含 令 人 困惑 的 功能 ， 否 则 会 降低 用 
户 的 使 用 效率 。 

用 户 从 初始 显示 层 渐进 至 第 二 显示 

层 的 方法 必须 是 显而易见 的 。 

将 这 一 操作 以 简单 的 机 制 实现 ， 并 

将 高 级 功能 的 按钮 放 在 用 户 清楚 可 

见 的 地 方 。 

B 给 按钮 或 链接 加 上 标签 ， 使 
用 户 能 清楚 地 预 判 进入 下 一 层 
后 将 会 看 到 哪些 内 容 。 换 句 话 
说 ， 渐 进 这 一 步骤 应 该 带 有 强 
烈 的 信息 气味 。 

B 你 可 能 已 经 注意 到 ， 这 些 渐进 式 
暴露 的 设计 原则 与 第 2 章 中 为 移 
动 网 站 和 完整 版 网 站 分 配 功能 的 
建议 非常 相似 。 这 不 是 巧合 ， 因 
为 两 个 网 站 的 战略 只 不 过 是 渐进 
式 暴 露 在 移动 用 户 访问 情况 下 的 
esent. 


另外 ， 手 势 的 可 记性 也 很 低 ， 特 别 是 当 应 用 程序 将 许多 不 同 的 手势 与 各 种 操作 结合 到 一 起 
的 时 候 。 在 这 种 情况 下 ， 手 势 之 间 的 冲突 和 遗忘 现象 就 会 出 现 ， 用 户 则 很 难 记 住 哪 种 手势 对 应 
什么 操作 。 

iPhone 中 的 Clear 应 用 (图 3-11) 是 一 个 管理 竺 办 事项 清单 的 应 用 。 它 很 自 紧 可 以 做 到 不 使 
用 Chrome。 在 这 一 界面 中 ， 所 有 的 交互 都 通过 手势 进行 。 这 个 应 用 第 一 次 启动 时 ， 会 显示 一 份 
教程 和 清单 的 示例 以 指导 用 户 使 用 。 但 问题 在 于 ， 用 于 操作 的 手势 数量 太 多 ， 即 使 用 户 耐 心 看 
完 教 程 ， 也 无 法 全 部 记 住 。 尽 管 清单 示例 能 让 用 户 立 即 着 手 使 用 ， 但 用 户 往 往 一 开始 就 会 删除 
示例 里 的 项 目 , 而 这 些 项 目 在 他 们 以 后 使 用 此 应 用 时 会 起 关键 作用 , 是 他 们 必需 的 导 路 绳 。 最 后 ， 
即使 用 户 成 功 地 创建 了 一 份 清单 (我 们 的 用 户 中 几乎 没有 人 能 完成 这 一 壮举 )， 也 不 会 有 提示 或 
界面 按钮 告诉 他 们 可 以 执行 哪些 操作 。 
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3-11 iPhone 中 的 Clear 是 alll AT&T M-Cell © 1:33 PM > Es 
一 个 管理 竺 办 事项 清单 的 应 用 ， 
它 可 以 不 使 用 Chrome， 此 界 
面 中 的 所 有 交互 都 通过 手势 进 


Finish videos 


Swipe to the right to complete! 


Copy slides on server 


G, (a) 应 用 第 一 次 启动 时 会 Swipe to the left to delete 

显示 一 份 教程 和 清单 的 示例 。 Example from clear 
(b 一旦 用 户 创建 了 一 份 清单 ， Tap and hold to pick me up 

不 会 有 提示 或 界面 按钮 告诉 他 

们 可 以 执行 哪些 操作 Bi 


Pull down to create an item 


Try shaking to undo 


Try pinching two rows apart 


Try pinching vertically shut 


像 Clear 这 样 的 应 用 是 可 以 正常 工作 的 ， 只 是 需要 更 积极 主动 地 使 用 提示 ， 以 及 在 正确 的 上 
下 文 环境 里 渐进 式 地 雄 露 信息 ， 而 不 是 在 一 开始 束 用 信息 淹没 用 户 。 

那些 与 真实 世界 有 着 密 切 联系 的 手势 一 般 是 最 容易 竺 习 和 记忆 的 ， 因 为 它们 与 人 们 曾经 做 
过 的 那些 手势 很 相似 。 这 样 的 成 功 例子 有 我 们 刚才 讨论 过 的 翻 页 手势 以 及 捍 拉 缠 放手 势 ， 即 用 
手 拉 伸 某 个 物体 就 能 将 其 放大 ， 而 捏合 则 会 使 其 缩小 。 手 势 的 定义 越 随意 ， 学 习 起 来 就 越 困 难 。 

最 佳 的 手 努 学 习 方 法 是 练习 ， 而 非 记 忆 。 应 用 可 以 使 用 多 种 手势 将 屏 几 空间 从 Chrome 的 
占领 中 解放 出 来 ， 但 做 法 必须 明智 ， 要 通过 渐进 式 参 露 和 上 下 文 提 示 温 和 地 引导 用 户 以 及 建立 
有 恨 好 操作 性 的 手势 -操作 组 合 。 


4. Chrome 的 益处 

尽管 在 屏幕 中 使 用 Chrome 的 代价 很 大 ， 但 也 有 着 不 可 忽视 的 益处 。 

B Chrome 通过 提供 永久 可 见 的 〈 或 者 至 少 是 容易 显示 出 来 的 ， 如 果 逐 循 我 们 所 提出 的 原则 
的 话 ) 命令 和 选项 组 合 赋予 了 用 户 权 力 。 而 且 Chrome 始终 出 现在 同一 个 位 置 ， 用 户 不 
必 寻 找 它 。 此 外 ， 用 户 还 可 以 远离 某 些 Web 页 面 或 内 容 设 计 师 的 奇 思 怪 想 ， 而 这 也 是 后 
退 按钮 成 为 Web 最 流行 的 功能 的 一 个 原因 。 从 屏幕 像 了 系 利用 的 角度 看 ，Chrome 算是 一 
种 负担， 但 它 让 用 户 指 尖 力 量 大 增 ， 能 够 远离 那些 讨厌 或 无 用 的 Web 页 面 和 应 用 。 

B Chrome 提供 了 一 套 通用 的 、 对 其 框架 内 所 有 类 型 的 内 容 和 数据 都 有 将 的 命令 。 因 为 它 能 
始终 保持 一 人 致 ， 所 以 用 户 要 学 习 的 事物 就 很 少 ， 这 就 意味 着 他 们 可 以 专注 于 处 理 目 己 真 
实 志 界 的 需求 ， 而 不 去 想 电脑 上 改 怎 么 做 。 

B Chrome 促进 了 用 户 界 面 的 一 任性 和 标准 化 。 这 有 助 于 提升 可 学 习性 ， 让 用 户 感 觉 能 更 
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好 地 把 握 目 己 的 使 用 体验 。( 当然 ， 前 提 是 你 按 标 准 行 事 ， 而 非 目 己 发 明 一 僚 诡 异 的 
Chrome 来 困扰 用 户 。) 
如 条 使 用 得 当 ，Chrome 将 有 助 于 提升 可 用 性 ， 只 要 别 用 得 过 度 就 好 。 


3.1.2 重 载 命令 与 通用 命令 


有 一 种 方法 能 够 控制 交互 设计 的 复 琳 程度 同时 市 省 屏 秦 空间 ， 那 就 是 让 同一 命令 实现 双重 
功能 。 有 两 种 方法 可 以 做 到 这 点 ， 它 们 各 日 会 造成 不 同 的 可 用 性 结果 ， 具 体 说 明 如 下 。 
B 通用 命令 (Generic command ) 在 不 同 的 上 下 文 环 境 中 执行 同一 命令 ， 以 产生 理论 上 相同 
的 结果 ， 尽 管 具体 效果 可 能 有 所 不 同 。 
B ERMA (Overloaded command ) 使 用 同一 命令 的 不 同 变 体 以 产生 不 同 的 结果 。 这 些 结 
果 有 时 候 根 据 上 下 文 确定 ， 有 时 候 则 根据 命令 在 屏 夺 上 所 处 的 位 置 确 定 。 
目前 ， 最 著名 的 通用 命令 是 在 绝 大 多 数 触 摸 屏 UI 上 都 能 使 用 的 捏 拉 缩放 手势 。 事 实 上 ， 这 
个 命令 如 此 流行 ， 以 至 于 用 户 想 当然 地 认为 处 处 都 可 以 使 用 它 ， 而 当 这 一 命令 不 被 某 个 应 用 程 
序 文 持 的 时 候 就 会 感到 深 深 的 失望 。 拉 伸手 势 有 时 候 能 放大 文字 ， 有 了 时候 则 会 放大 图 片 ， 用 户 
不 知道 也 不 关心 两 者 的 区 别 ， 他 们 就 是 简单 地 依赖 这 个 通用 命令 ， 只 要 碰 上 尺寸 过 小 想 要 放大 
的 内 容 就 会 使 用 这 一 手势 。 
通用 命令 提升 了 可 用 性 ， 因 为 它们 让 用 户 只 需 一 次 学 习 就 能 多 次 使 用 。 记 忆 的 巩固 徘 的 是 
重复 激活 ， 因 此 ， 这 一 命令 能 使 用 的 地 方 越 多 ， 用 户 学 得 就 越 好 。 


1. 重 载 命 令 : 经 常 使 人 困惑 

你 可 能 会 认为 重 载 命令 也 很 好 。 让 同一 命令 实现 不 同 但 相似 的 结 采 听 起 来 也 算是 个 合理 的 
想法 。 然 而 ， 在 实践 中 ,命令 的 重 载 经 和 常会 让 用 户 感到 困惑 。 

如 果 一 个 命令 在 不 同 的 上 下 文 环 境 里 会 产生 不 同 的 结果 ， 用 户 就 经 常会 名 略 上 下 文 环境 的 
区 别 而 不 理解 为 什么 目 己 做 了 “同样 的 ” 事 却 得 到 不 同 的 结 采 。 

当 一 个 屏 硕 里 显示 出 疑似 同一 命令 的 多 个 实例 时 ， 用 户 经 常会 假设 这 是 多 余 的 设计 ， 这 个 
命令 的 所 有 实例 都 会 产生 同样 的 效果 。 或 者 ， 当 用 户 直 接 和 首先 见 到 的 实例 打 交 首 时， 经营 会 
忽视 这 一 命令 实际 上 存在 于 屏幕 中 的 多 个 位 置 。 

重 载 命令 的 一 个 经 典 例子 是 一 个 网 站 有 多 个 搜索 框 。 我 们 经 常会 发 现 这 些 网 站 的 用 户 在 错 
误 的 搜索 框 里 执行 查询 操作 ， 次 数 多 得 都 数 不 过 来 了 。 

在 Kindle Fire 用 户 测 试 中 ， 我 们 见 到 了 一 些 令 人 困惑 的 重 载 命令 例子 。 比 如 ，Condé Nast 
琳 志 的 应 用 在 屏 硕 顶部 放置 了 一 个 主页 按钮 ， 用 于 引导 用 户 前 往 杂 志 列 表 页 面 ， 而 为 一 个 主页 
按钮 则 会 将 用 户 带 往 Kindle FH GB BERE 3:91 (图 3-12 )。 


3-12 Kindle Fire 里 的 Condé Nast 杂志 应 用 有 两 个 主页 
按钮 
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这 两 个 按钮 有 着 不 同 的 图 标 ， 处 于 不 同 的 位 置 ， 但 仍然 令 人 困惑 。 

yr 10 年 来 ， 最 主要 的 一 个 主页 可 用 性 原则 就 是 ， 对 于 任何 给 定 网 站 ， 将 唯一 的 一 张 网 页 指 
定 为 它 的 正式 官方 主页 。 用 “主页 ”一 词 称 呼 多 张 网 页 会 让 用 户 感 到 困惑 。 换 句 话 说， 在 网 站 
中 请 银 将 “返回 主页 ”的 命令 重 载 使 用 。 子 网 站 的 首页 应 该 有 另外 的 和 名称, 例如“ 某 某 首页 ” ”时 
菏 概况 ”或 者 “ 茶 攻 主页 ”( 在 网 站 的 菏 个 版 块 内 使 用 ,但 这 种 名 称 还 应 尽量 少 用 )。 

对 移动 应 用 来 说 ， 放 置 一 个 “应 用 程序 主页 ” 通 第 是 个 好 主意 ， 这 能 让 用 户 在 探索 该 应 用 
的 各 个 区 域 后 回 到 一 个 安全 的 原点 。 这 对 于 那些 内 容 丰 是 的 应 用 而 言 尤其 重要 ,比如 杂志 或 报纸 。 
以 这 种 方式 使 用 的 主页 按钮 就 是 一 个 通用 命令 ， 理 论 上 它 做 的 总 是 同一 件 事 ， 虽然 在 不 同 的 应 
用 中 用 户 返 回 的 具体 页 面 不 同 。 

与 之 相反 ， 在 同一 个 网 站 或 应 用 里 提供 多 个 不 同 的 “返回 主页 ”就 让 其 变 成 了 一 个 令 人 困 
FSH) HAAS o 


Android 中 的 物理 /虚拟 后 退 按钮 是 重 载 的 。 它 可 能 意味 着 撤销 操作 ， 但 也 可 能 是 
“ 退 ” 出 应 用 程序 。 大 多 数 时 候 ，Android 中 的 后 退 按钮 意味 着 撤销 操作 ， 而 当 用 户 位 于 
主页 的 时 候 ， 许 多 应 用 将 后 退 按 钮 解释 为 退 至 手机 自己 的 屏幕 主页 ， 而 不 是 应 用 内 的 上 一 
~ ft Era 


TOMAR IN ce, MERHABA ETZAIE, DXUPENLATUE F 
图 在 许多 应 用 里 ， 后 退 按钮 意味 者 撤销 操作 或 “ 回 到 上 一 个 页 面 ”( 这 是 推荐 用 法 )。 
B 在 Kindle Fire 版 的 ESPN 中 ,后退 按 钮 意味 着“ 返回 上 一 个 ”信息 层级 ， 而 在 大 多 数 情 
况 下 这 就 等 同 于 “返回 主页 屏幕 ”( 所 以 在 此 应 该 使 用 主页 按钮 )。 
B 在 Kindle Fire 版 的 New York Times 中 ， 后 退 按钮 有 时 意味 着“ 后 退 一 步 *"， 有 了 时 则 是 “后 
退 两 步 ”( 用 户 执行 一 次 搜索 并 点 击 进 入 了 一 篇 文章 后 ， 轻 触 后 退 按钮 并 没有 将 他 们 种 回 
搜索 结果 列表 ， 而 是 直接 回 到 了 更 前 面 的 那 一 步 )。 
E 在 “冰淇淋 三 明治 ”版 的 Zappos 中 ， 主 页 内 的 后 退 按 钮 意味 着 和 耻 接 退出 应 用 ， 无 论 应 用 
内 是 否 有 刚 访问 过 的 页 面 。 在 另外 的 页 面 里 ， 后 退 按钮 则 意味 肴 撤销 操作 〈 图 3-13 )。 
所 以 ， 如 果 一 名 Zappos 的 用 户 正 位 于 产品 页 面 (图 3-13a )， 无 意 中 磁 到 了 网 站 徽标， 他 就 
会 进入 主页 (图 3-13b )。 不 注 的 是 ， 这 个 时 候 如 果 他 轻 触 虚拟 返回 按钮 就 会 被 市 离 应 用 ， 而 非 
撤销 刚才 的 意外 操作 。 
在 最 新 版 本 的 Android 设计 指南 中 ， 谷 歌 将 后 退 按钮 在 许多 应 用 中 给 用 户 市 来 困惑 的 两 个 
作用 进行 了 明确 划分 : 后 退 〈 撤 销 操 作 ) 和 后 退 〈 返 回 上 级 )， 见 图 3-14。 
后 退 ( 撤销 操作 ) 经 党 用 于 人 们 因为 事 不 如 意 而 想 返 回 前 一 个 状态 的 时 候 。 后 退 (返回 上 级 ) 
则 用 于 人 们 需要 返回 更 高 一 层 信息 层级 的 时 候 。 大 多 数 应 用 将 后 退 按钮 的 功能 设 定 为 后 退 〈 返 
回 上 级 )， 而 不 是 后 退 ( 撤销 操作 )， 因 而 给 用 户 种 来 了 一 些 不 便 。 


3.1 


3-13 Zappos 的 Android 版 
应 用 。 (a) 产品 页 面 。 ( b ) = 
页 。 产 品 页 面 里 的 后 退 按 钮 起 撤 
销 操作 的 作用 ， 但 主页 里 的 后 退 
按钮 则 将 用 户 市 离 了 该 应 用 
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图 3-14 这 是 “冰淇淋 三 明治 ”版 的 Google+ 应 用 。“ “冰淇淋 三 明治 ” 

版 的 系统 对 后 退 按钮 的 两 种 意义 做 了 区 分 。 在 这 一 系统 中 ， 规 定 了 屏幕 底 
部 的 虚拟 后 退 按钮 起 着 撤销 操作 的 作用 ， 而 顶部 图 标 劳 边 的 脱 字符 ( 即 朝 
左 的 箭头 ) 起 着 返回 上 一 级 的 作用 
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重 载 命令 会 融 来 风险 的 最 后 一 个 例子 来 目 我 们 对 iPad 用 户 进 行 的 测试 。 在 测试 中 发 现 ， 快 
速 滑动 这 一 手势 存在 含义 模糊 的 问题 ( 详 见 5.1.7 市 )。 当 同一 个 命令 (快速 滑动 ) 因 用 户 滑动 
的 位 置 和 方式 不 同 而 产生 不 同 的 结 末 时 ， 用 户 就 会 困惑 ， 除 非 使 其 中 的 区 分 比 我 们 测试 过 的 那 
些 应 用 更 明显 些 。 


2. 有 效 的 命令 复 用 
就 像 刚 才 的 例子 所 展示 的 ， 对 命令 的 复 用 到 底 应 该 算 做 通用 命令 ( 一般 是 好 事 ) 还 是 重 载 
命令 (一般 是 坏事 )， 有 时 候 难 以 区 别 。 判 断 的 关键 取决 于 以 下 两 个 方面 。 
B 人 们 是 否 意识 到 两 种 上 下 文 环境 是 不 同 的 ? 举例 来 说 ， 两 个 不 同 的 网 站 一 般 而 言 区 别 很 
大 ， 用 户 不 会 期 望 网 站 里 的 两 个 主页 按钮 指向 同一 个 目的 地 。 相 反 ， 同 一 屏幕 里 的 两 个 
搜索 框 所 处 的 上 下 文 环境 是 很 相似 的 ,即使 两 者 标签 ( 用 户 很 少 会 注意 它 ) 不同 也 是 如 此 。 
B 人 们 将 结果 视 作 相似 还 是 不 同 ” 举例 来 说 ， 返 回 上 一 屏 这 一 概念 足够 有 力 。 即 使 回 到 的 
具体 页 面 经 常 是 不 同 的 ， 用 户 还 是 会 将 后 退 命令 看 作 是 相似 的 概念 。 
这 两 条 标准 都 依赖 于 使 用 者 如 何 解读 用 户 界面 。 那 么 ， 如 何 才 能 了 解 他 们 的 想法 呢 ? 你 当 
然 可 以 自己 进行 分 析 ， 以 判断 相似 度 与 差异 程度 ， 不 过 在 用 户 中 进行 实际 测试 会 更 安全 些 。 


3.1.3 ROAR: 为 移动 使 用 优化 屏 才 


我 们 利用 一 次 在 亚太 地 区 进行 巡回 演讲 的 机 会 进行 了 数 次 可 用 性 调研 ， 测 试 的 移动 网 站 之 
一 是 AllKpop.com (图 3-15 )。 该 网 站 所 围绕 的 主题 似乎 在 许多 亚洲 国家 都 广 受 欢迎 ， 那 就 是 啡 
国 的 流行 歌手 。 
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3-15 AllKpop.com 的 移动 网 站 ， 于 香港 进行 测试 
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AllKpop 的 这 个 网 站 在 许多 方面 都 做 得 不 错 。 

E 最 重要 的 一 个 方面 是 ， 该 网 站 文 持 一 种 非常 适合 移动 应 用 的 任务 : 名 人 八卦 。 我 们 从 
2000 年 进行 的 第 一 次 移动 可 用 性 调研 中 就 已 经 知道 ， 移 动 端的 杀手 级 应 用 就 是 用 来 打发 
时 间 的 。 其 他 的 许多 任务 在 移动 环境 中 意义 不 大 ， 无论 你 将 它们 设计 得 多 么 棒 ， 都 是 在 
浪费 时 间 ， 因 为 没有 多 少 人 会 用 。 

m 几乎 同样 重要 的 是 ， 该 网 站 有 一 个 单独 的 移动 版 ， 就 像 我 们 在 第 2 章 所 建议 的 那样 。 

图 网 站 的 服务 帮会 上 自动 探测 用 户 使 用 的 是 移动 还 是 果 面 设备 ， 用 户 无 需 手 工 选 择 网 站 版 本 。 
我 们 的 测试 表明 , 移动 网 站 和 完整 版 网 站 如 果 有 不 同 的 URL. 网 址 , 可 用 性 就 会 明显 降低 ， 
因为 用 户 经 常会 不 慎 进 入 错误 的 用 户 界 面 。 

W 每 条 大 标题 的 可 触 控 目 标 都 相当 大 。 

B 与 内 容 密 切 相关 的 关键 词 经 党 出 现在 大 标题 的 开头 处 。 在 这 个 网 站 中 ， 流 行 歌手 的 名 字 
对 用 户 而 言 是 最 重要 的 信息 ， 也 通常 第 一 眼 就 能 看 到 。 

不 过 ， 这 个 网 站 并 没有 完全 遵守 所 有 的 移动 可 用 性 原则 ， 因 此 我 们 决定 创建 一 种 能 做 到 这 

一 点 的 蔡 代 性 设计 (图 3-16 )。 
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图 3-16 我 们 建议 对 AllKpop 移动 主页 所 进行 的 重新 设计 


新 设计 包括 以 下 10 处 重要 的 改变 。 
(1) 减少 功能 。 我 们 通过 移 除 以 下 3 个 元 素 实现 了 这 一 点 。 
国人 作者 莹 名 。 因 为 它们 对 读者 选择 文章 没有 帮助 。( 在 主页 列 出 大 标题 的 唯一 目的 就 是 
方便 读者 选择 文 草 。) 
B 可 选择 的 分 类 和 标签 。 况 且 它 们 太 小 了 ， 不 容易 准确 触 到 。( 另外 ， 像 “音乐 ”这 样 
的 分 类 在 一 家 流行 音乐 网 站 上 显得 多 余 。 
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B 用 于 在 适当 位 置 显 示 摘 要 的 三 角形 按钮 。( 相反 我 们 总 是 直接 显示 摘要 。) 

(2) 加 大 触 控 目标 。 现 在 整个 文章 块 都 能 触 控 了 , 用 户 无 需 再 精确 地 对 谁 实际 标题 进行 操作 。 
(在 现 有 的 设计 中 ， 每 个 文章 块 都 包含 了 硅 干 细小 的 可 触 控 区 域 ， 可 用 性 很 低 ， 效 果 也 很 难说 。) 

(3) 用 完整 的 大 标题 取代 了 被 截取 的 大 标题 。 这 大 概 是 最 大 的 设计 改进 了 ， 因 为 相对 于 现 有 
网 站 中 可 见 的 窒 窗 数 词 ， 完 整 的 大 标题 本 质 上 提供 了 更 强烈 的 信息 气味 〈 见 后 文 附注 栏 “ 信 息 
气味 ”的 介绍 )。 截 取 标 题 或 产品 名 称 从 来 都 不 是 一 个 好 主意 ， 有 时 候 还 会 引发 严重 的 可 用 性 问 
题 ， 比 如 图 3-17 里 展示 的 两 个 例子 。 在 这 两 个 案例 中 ， 用 户 需 要 多 做 一 步 才能 弄 明日 标题 的 意 
思 (图 3-17a) 或 产品 可 能 是 什么 (图 3-17b )。 虽 然 用 户 在 网 上 确实 不 会 仔细 了 阅读， 只 会 草草 浏 
览 ， 但 一 段 文字 的 开头 部 分 并 不 总 能 提供 足够 多 的 信息 以 消除 内 容 中 的 监 义 。 这 点 对 产品 列表 
来 说 尤其 如 此 ， 因 为 许多 产品 名 称 的 头 几 个 词 可 能 都 是 一 样 的 。 在 图 3-17b F, A 11 个 产品 的 
名 称 以 单词 Blendtec 开头 ， 而 其 中 8 个 有 痢 相 似 的 产品 图片 。 
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(a) (b) 
3-17 (a) NPR 的 移动 网 站 ( m.npr.org ) 将 大 标题 做 了 截取 。 (b) NES X85 iPad 版 Windowshop 应 用 截取 了 产 
品名 称 

(4) 增强 可 扫 视 性 。 这 是 通过 加 膨大 标题 中 每 位 流行 歌手 的 名 子 实现 的 。 

(5) 提供 更 多 的 信息 气味 。 我 们 在 每 条 大 标题 的 下 方 都 增加 了 一 小 段 内 容 摘 要 ( 新 闻 术 语 叫 
“dek” ); 

(6) 使 用 流行 歌手 的 照片 代 蔡 日 期 图 标 。 这 样 做 不 仅 增 强 了 视觉 吸引 力 ， 还 增强 了 可 扫 视 性 
和 信息 气味 ， 因 为 许多 用 户 一 眼 就 能 认 出 目 己 最 爱 的 明星 ， 绝 对 要 快 于 阅读 标题 的 速度 。 

(7) 留 出 空间 ， 能 显示 4 个 完整 文章 块 而 无 需 滚 动 页 面 。 这 一 稍微 紧凑 的 布局 让 用 户 进 入 页 
面 后 一 眼 就 能 看 到 第 4 篇 文 曹 的 摘要 部 分 。 如 果 用 户 选择 滚动 页 面 ， 能 在 较 小 的 空间 里 看 到 更 
多 的 文 草 块 ， 这 就 意味 着 他们 在 每 篇 文 草 上 费力 更 少 ， 因 此 可 能 愿意 去 看 更 多 的 文章 。 第 二 点 
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益处 相对 来 说 较 弱 ， 因 此 我 们 考虑 将 文章 块 缩 小 以 在 第 一 屏 里 显示 更 多 文章 。 总 而 言 之 ， 文 草 
摘要 和 流行 歌手 的 照片 所 融 来 的 更 强烈 的 信息 气味 似乎 能 更 好 地 利用 空间 ， 但 对 一 种 蔡 代 性 设 
计 进 行 测试 还 是 有 必要 的 。 

(8) 只 将 发 表 日 期 当做 分 隔 符 显示 ， 用 于 分 隅 在 不 同日 期 发 表 的 文章 。 一 般 来 次 ， 最 后 更 新 
日 期 是 新 闻 网 站 中 非常 重要 的 信息 ， 在 移动 问 上 则 是 必 不 可 少 的 : 由 于 网 络 连接 的 原因 ， 用 户 
看 到 的 可 能 是 昨天 的 新 闻 ， 而 日 己 却 浑然 不 知 。( 图 3-18 展示 了 在 新 闻 应 用 中 显示 日 期 的 一 个 
好 例子 和 一 个 坏 例 子 。) 然而 ， 每 日 新 侠 出 炉 的 文革 如 此 之 多 ， 用 户 访问 网 站 时 一 般 只 能 看 到 当 
天 的 日 期 ， 除 非 他 们 深 动 足够 多 的 页 数 直 到 抵达 昨天 的 新 闻 。 因 此 ， 文 章 的 日 期 不 值得 占据 这 
么 多 宝 贯 的 屏 融 空间 ， 束 像 在 现 有 网 站 上 那样 。 们 而 言 之 ， 对 于 一 切 多 次 重复 显示 相同 信息 的 
移动 设计 都 应 当 质 疑 。 


图 3-18 ”最 后 更 新 日 期 对 于 那些 经 常会 变 
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动 的 内 容 而 言 是 必需 的 。《 纽约 时 报 》 的 
两 种 应 用 : (a) Android fx: (b) iPhone 
版 。Android 版 应 用 很 好 地 显示 了 文章 最 后 
更 新 的 日 期 和 时 间 ，iPhone 版 应 用 则 只 提 
到 了 最 后 更 新 的 时 间 而 没有 日 期 。 另 外 ， 
时 间 惟 在 默认 情况 下 是 隐藏 的 ， 用 户 必须 
下 拉 文 字 才 能 看 到 


(10) 给 下 拉 菜 单 加 上 文字 标签， 
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(a) 
(9) 增 大 导航 栏 里 两 个 选项 之 间 的 距离 以 降低 用 户 误 触 到 男 一 个 选项 的 可 能 性 。 


Obama Says Same-Sex 
Marriage Should Be Legal 

By publicly endorsing same-sex 
marriage in a television interview, the 
president took a definitive stand on... 


Parents of P.O.W. Reveal U.S. 
Talks on Taliban Swap 
Frustrated by stalled negotiations, the 
parents of an Army sergeant abruptly 
disclosed that he was the subject of se... 


WELL 

New Cautions About Long- 
Term Use of Bone Drugs 

The Food and Drug Administration 
published an analysis that suggested... 


而 不 是 仅 用 三 角形 指 代 。( 它 在 原 设 计 中 只 是 略 高 于 搜索 按 


钮 ， 大 部 分 用 户 郡 没有 注意 到 这 一 微妙 的 界面 元 素 。 倘 而 言 之 ， 沫 单 需要 突出 显示 ， 用 户 才 会 
发 现 它们 ， 见 图 3-19。 而 且 即 使 它们 容易 被 发 现 ， 为 了 便于 用 户 使 用 也 需要 给 其 贴 上 标签 ， 让 
用 户 能 轻松 猜 到 沫 单 里 可 能 隐藏 春 哪些 项 目 。) 根据 某 单 中 实际 命令 的 不 同 ， 也 可 以 换 做 其 他 的 
名 称 。 我 们 并 没有 彻 瓜 重新 设计 导航 系统 ， 但 我 们 认为 修改 一 下 分 类 系统 ， 能 够 让 它 成 为 继 点 
击 标题 和 搜索 之 后 最 有 价值 和 最 可 用 的 网 站 导航 方法 。 

就 像 这 个 例子 所 展示 的 ， 即 使 是 一 块 小 小 的 移动 屏 副 也 可 以 包含 许多 用 户 界面 的 细 市 。 唱 
然 这 个 网 站 的 功能 非 第 少 ， 但 我 们 也 做 了 10 处 可 用 性 改进 ， 包 括 进 一 步 削 减 功能 。 

一 种 设计 的 限制 越 多 ， 就 越 需 要 微调 用 户 界面 以 实现 最 佳 的 可 用 性 。 移 动 设计 就 是 一 种 限 
制 相 当 多 的 设计 挑战 。 


3-19 Android 版 的 ESPN Score 
Center 应 用 。 (a) 这 个 应 用 在 屏 
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FRKE T EAR, (b) 打开 

菜单 后 会 显示 内 置 的 选项 。 AN 32 AN Scores News 
是 ， 我 们 的 用 户 中 有 许多 人 都 没有 rev 

注意 到 页 面 底部 这 个 小 小 的 箭头 Cr 
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信息 砚 食 理论 (Information foraging ) 
是 人 机 交互 研究 自 1993 年 以 来 形成 的 最 重 
要 的 一 个 概念 。 这 一 理论 由 帕 洛 阿尔 托 
研究 中 心 (前 身 是 Xerox PARc ) 的 Stuart 
Card 和 Peter Pirolli 等 人 提出 ， 以 野生 动物 
更 食 来 类 比分 析 人 们 是 如 何在 互联 网 上 采 
集 信息 的 。 

说 Web 用 户 的 行为 就 像 丛林 野 兽 听 起 
来 像 是 个 笑话 ， 但 实际 上 有 大 量 的 数据 支 
持 这 一 主张 。 动 物 们 基于 高 度 优化 的 方法 
决定 在 何 处 、 何 时 及 以 何 种 方式 进食 。 这 
并 不 是 说 生物 会 进行 数学 运算 ， 而 是 因为 
次 优 的 行为 会 导致 饥饿 ， 从 而 造成 遵循 同 
样 行为 习惯 的 后 代 减 少 ， 经 过 成 千 上 万 代 
后 就 只 剩 下 最 优 的 砚 食 行为 了 。 


人 类 并 没有 受到 那么 大 的 进化 压力 来 改 
进 Web 使 用 方式 ,但 人 类 基本 的 惰性 可 能 
是 一 种 与 生存 相关 的 特征 (不 到 万 不 得 已 
不 尽力 ) 。 在 任何 情况 下 ， 人 们 都 喜欢 以 最 
少 的 努力 获得 最 大 的 收益 。 这 就 让 信息 砚 食 
理论 成 为 分 析 在 线 媒 介 的 一 种 有 用 工具 。 

信息 砚 食 理论 里 最 著名 的 概念 是 信息 
气味 : 用 户 根 据 某 个 给 定 猎 物 的 少 迹 估计 
成 功 的 可 能 性 ， 判 断 它 沿途 留 下 的 线索 是 
否 涉 及 自己 想 要 的 结果 。 信 息 砚 食 者 ?在 
感到 (后 面 又 是 一 个 类 比 ) “身子 越 来 越 
热 ” 时 会 不 断 地 上 点击， 而 这 气味 必须 越 来 
越 强 ， 否 则 他 们 就 会 放弃 。 进 展 的 速度 必 
须 足 够 快 ， 人 们 才 会 认为 为 了 达到 目标 所 
付出 的 那些 努力 是 值得 的 。 


(D fi WEE (Informavore ) 强调 了 人 类 消耗 信息 的 行为 特征 ， 由 认 知 心理 学 的 创始 者 之 一 George Armitage Miller 
于 1983 年 首次 提出 ， 以 区 别 于 消耗 食物 的 杂食 动物 (Omnivore )。 一 一 译 者 注 


言 息 气味 所 揭示 的 最 明显 的 设计 原则 
就 是 ， 确 保 链 接 和 分 类 描述 清楚 地 告诉 用 
户 他 们 会 在 目的 地 找到 什么 。 当 用 户 面临 
多 个 导航 选项 时 ， 最 好 能 让 他 们 清楚 分 辨 
出 除了 某 条 路 径 有 猎物 外 ， 其 他 所 有 的 路 
径 都 没什么 可 吃 的 。 

因此 ， 不 要 使 用 自 造 词 或 你 自己 的 口 
SEA SAAR, AA CNA TAS TH 
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物 的 气味 。 平 实 的 语言 最 具有 搜索 引擎 可 
见 性 : 搜索 是 一 种 将 用 户 脑 子 里 的 词汇 与 
网 站 中 词汇 进行 字面 比较 的 过 程 。 

另外 ， 当 用 户 深 入 网 站 后 ， 每 一 张 网 
页 都 应 清楚 地 指出 用 户 仍 然 处 在 通 往 食物 
的 路 径 上 。 挽 和 句 话说 ， 要 提供 关于 当前 位 
置 的 信息 反馈 ， 以 及 它 是 如 何 关系 到 用 户 
任务 的 。 


1. 迭代 设计 的 步骤 


即使 是 最 有 天 赋 的 顶级 设计 师 也 无 法 一 次 就 设计 出 完美 的 用 户 界 面 。 我 们 承认 ， 我 们 上 月 己 
也 不 能 。 我 们 在 重新 设计 AlIKpop.com 的 移动 网 站 ( 见 图 3-15 ) 的 练习 中 使 用 了 和 迭代 设计 的 方法 。 
第 一 次 迭代 ( 图 3-20 ) 册 到 的 最 大 问题 是 使 用 每 篇 文章 开头 部 分 的 文字 作为 摘要 。 很 多 时 候 ， 
这 些 文字 不 足以 起 到 补充 大 标题 、 让 用 户 一 括 文 草 主 旨 的 作用 。 于 是 在 第 二 次 欠 代 里 我 们 重新 
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在 第 二 次 迭代 ( 图 3-22) 里 ， 我 们 重新 引入 了 现 有 网 站 中 的 两 个 功能 : 搜索 和 发 表 日 期 。 


去 邱 多 余 的 功能 是 件 好 事 ， 但 这 两 项 很 重要 ， 不 容 遗 漏 。 
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Hours ago, the jacket cover for SNSD's 
alleged original single titled, “Mr. Taxi"... 


m Another cover for SNSD's Japanese 
| y single “Mr. Taxi” revealed 
s Jang Geun Suk is shaking up Japan 
x On March 6th, it was reported that Jang Geun 
Suk sold all of the tickets for his showcase, to 
celebrate the release of his Japanese single. 


MBLAQ’s Mir rages against Jang Ja 
Yeon's offenders 
MBLAQ's Mir is expressing his anger towards 


what's called the *Jang Ja Yeon Case." 


for Japan 


Former F.T. Island Member Won Bin 
reveals second “C'mon Girl" teaser 
Nearly two years ago, Oh Wonbin, guitarist... 
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Monday, March 7 


Another cover for SNSD’s Japanese 
single “Mr. Taxi” revealed 

二 The rumors are true! There will be an original 
single of "Mr. Taxi" for the Japanese market. 


RS 

Jang Geun Suk is shaking up Japan 
The showcase celebrating the release of his 
Japanese single is now sold out. 


MBLAQ’s Mir rages against Jang Ja 
Yeon's offenders 

He is expressing his anger towards what is 
called the “Jang Ja Yeon Case." 


Won Bin reveals second “C’mon 
Girl” teaser for Japan 

The CD release for “C'mon Girl" is slated for 
March 14th with a total of 4 tracks. 
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我 们 又 做 了 些 简化 ， 将 几 个 不 常用 的 导航 选项 整合 到 一 个 下 拉 菜 单 中 。 不 过 ， 在 第 二 次 迭 
代 中 ， 菜 单 和 搜索 选项 不 仅 太 小 ， 而 且 距 离 太 近 ， 不 适合 触摸 屏 使 用 。 我 们 在 第 三 次 迭代 中 修 
复 了 这 一 问题 ， 得 出 图 3-16 所 展现 的 效果 。 

我 们 对 相应 流行 歌手 的 名 称 做 了 高 亮 处 理 ， 这 进一步 增强 了 大 标题 的 可 扫 视 性 。 


2. 所 需 的 测试 

图 3-16 展示 了 我 们 最 终 的 设计 。 不 过 ， 这 并 不 能 算是 真正 的 “最 终 ” 设 计 。 如 果 不 是 以 此 
为 练习 ， 而 是 在 为 真实 的 客户 操作 咨询 项 目 ， 下 一 步 就 会 是 用 户 测 试 。 

这 一 新 设计 还 存在 硅 干 有 问题 的 元 素 ， 需 要 进行 可 用 性 调研 以 帮助 解决 。 

B 是 否 应 该 让 每 一 个 文 草 块 更 小 ， 从 而 一 屏 能 显示 更 多 的 文章 ? 

B 人 们 是 否 意识 到 顶部 的 日 期 条 是 它 与 下 一 个 日 期 条 ( 党 位 于 一 两 屏 之 后 ) 之 间 所 有 文章 

的 发 表 日 期 ? 
W 是 否 能 更 好 地 撰写 或 裁 切 大 标题 、 内 容 摘要 和 缩 略 图 ”人 们 选择 文章 阅读 时 是 在 寻找 什 
么 信息 ”内 容 可 用 性 经 常 是 网 站 是 否 能 成 功 的 最 大 的 决定 因素 。 
B 尤其 是 ,在 缩 略图 里 展现 一 个 音乐 团体 的 最 佳 方式 是 什么 ? 放 上 某 一 名 成 员 的 近 照 (图 
3-21 中 SNSD 组 合 缩 略 图 4 种 尝试 里 的 最 后 一 种 ) 似乎 显得 过 于 聚焦 这 名 成 员 了 。 在 
我 们 的 最 终 设计 中 , 选择 了 某 一 成 员 吴 穿 演出 服 的 照片 , 因为 这 张 相 对 而 言 更 “动感 ”， 
让 人 感觉 更 像 是 演出 照 而 不 是 肖像 照 。 不 过 ， 显 示 两 三 名 成 员 是 否 会 更 好 些 ? 
B 是 在 任何 时 候 对 任何 明星 都 使 用 同一 张 缩 略 岁 ， 还 是 让 一 位 照片 编辑 选取 新 图 片 以 更 
好 地 衬托 文章 ? 新 的 缩 略图 训 无 疑问 会 更 加 有 趣 ， 但 一 致 的 缩 略 网 能 让 人 更 快 地 识别 ， 
并 且 因 为 大 多 数 图 片 都 会 被 缓存 的 绿 故 能 广 省 下载 的 时 间 。 
W 大 标题 看 上 去 能 用 手 触 控 吗 ? 它们 看 上 去 像 是 完整 的 条 目 ， 用 户 会 知道 自己 可 以 通过 点 
击 标题 进入 对 应 的 文章 吗 ? 

B 分 类 菜单 可 用 吗 ? 是 否 应 该 换 一 个 名 称 ， 或 包含 不 同 的 菜单 项 ? 

W 搜索 功能 容易 发 现 吗 ”是否 应 该 蔡 换 成 搜索 框 ， 或 增加 “搜索 ”一 词 的 对 比 度 ? 

B 将 音乐 团体 的 名 称 以 暗 红 形式 突出 显示 是 会 带 来 帮助 还 是 使 人 困惑 ? 

Bm 当 你 使 用 一 个 名 称 的 复数 或 所 有 格 形式 ( 比如 示例 屏幕 截图 中 的 “SNSD’s”) 时 ， 高 
^E SRP Cdi UNI s) 和 只 高 亮 主 名 称 哪 种 方式 更 好 ? 也 就 是 说 ， 应 该 处 理 成 
SNSD’s 还 是 SNSD's ? 前 者 也 许 看 上 去 更 好 ， 但 后 者 可 能 更 具 可 扫 视 性 。 要 回答 这 个 问 
题 需 要 进行 一 次 精心 设计 的 眼球 追踪 测试 ， 不 过 这 么 做 很 可 能 并 不 值得 ， 因 为 这 两 种 设 
计 也 许 只 有 不 到 1 个 百分点 的 差别 。 因 此 ,这 个 决策 最 好 还 是 依靠 视觉 设计 师 的 个 人 判断 ， 
而 不 是 测试 。 我 们 还 有 更 大 的 独 物 要 找 ， 它 们 很 可 能 意味 着 10 至 100 个 百分点 的 提升 。 
我 们 在 测试 现 有 网 站 时 是 否 忽 略 了 什么 ”这 份 清单 之 前 的 部 分 列举 了 一 些 “ 已 知 的 未 知 ”， 
但 是 那些 “未 知 的 未 知 ” 往 往 更 加 重要 : 每 一 次 你 测试 某 种 新 设计 ， 新 的 问题 就 会 浮现 。 
不 能 仅仅 因为 测试 了 设计 空间 的 一 角 就 断言 自己 对 所 有 的 用 户 体验 问题 都 有 了 全 面 的 了 
解 。 如 果 没 有 从 可 用 性 测试 中 获得 任何 意料 之 外 的 发 现 ， 就 不 能 算是 正确 地 进行 了 调研 。 
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设计 ， 让 网 站 赚 到 更 多 的 钱 。 


3.2 移动 输入 


人 机 交互 领域 中 的 费 茨 定律 认为 ， 使 用 鼠标 或 手指 到 达 目 标 所 需 的 时 间 和 目标 的 大 小 
成 正比 ， 和 与 目标 之 间 的 距离 成 反比 。 也 就 是 说 ， 更 大 的 目标 可 以 被 更 快 地 触 和 到， 同样 ， 
离 玫 指 或 鼠标 的 初始 位 置 更 近 的 目标 也 能 更 快 地 被 触 到 。 


这 个 目标 尺寸 的 建议 值 来 自 于 2006 年 发 表 的 一 篇 MobileHCI 会 议论 文 : P. Parhi, A.K. 
KarlsonfeB.B. Bederson 所 写 的 “Target size study for one-handed thumb use on small 
touch screen devices”。MobileHCI 会 议 于 2006 年 9 月 12 日 至 15 日 在 芬兰 赫尔辛基 召开 。 论 
X FIL: MobileHCI” 06, vol. 159. ACM, New York, NY, 203-210. DOI-http://doi.acm. 
org/10.1145/1152215.1152260, 

触 控 目标 的 合适 大 小 是 以 厘米 为 单位 衡量 的 (或 者 是 英寸 ， 因 为 建议 值 1 厘米 等 于 0.4 
英寸 ) 。 在 许多 设备 制造 商 提 供 的 人 机 界面 指南 中 ， 触 控 目 标的 尺寸 是 以 像素 为 单位 的 ， 
你 也 可 以 用 这 人 个， 不 过 它们 通 第 会 低估 所 需 的 尺寸 。 我 们 提供 的 指南 以 厘米 为 单位 ， 因 为 
这 是 一 种 真实 世界 里 的 物理 度量 单位 。 指 南 的 目的 是 匹配 用 户 的 手指 ， 而 用 户 的 手指 绝对 
是 真实 世界 里 的 物理 存在 。 


大 多 数 用 户 讨厌 进行 移动 输入 ， 这 是 有 原因 的 。 

借助 虚拟 键盘 (在 触摸 屏 里 显示 ) 进行 输入 很 有 难度 ， 一 部 分 原因 是 用 户 必 须 看 着 键盘 。 
物理 键盘 的 键 位 会 慢 慢 被 用 户 记 住 ， 因 此 他 们 在 打字 时 并 不 一 定 需 要 看 着 键盘 ， 而 大 多 数 用 户 
在 虚拟 键盘 上 只 能 一 边 找 一 边 输 入 ， 无 法 做 到 冒 打 。 物 理 键 盘 和 虚拟 键盘 的 男 一 个 区 别 是 触觉 
反馈 。 在 触摸 屏 上 ， 用 户 遇 到 的 一 个 问题 是 要 和 弄 明 日 日 己 的 动作 是 否 足 够 精确 : 刚才 是 正确 地 
点 到 了 键 还 是 误 触 了 周边 区 域 ? 触 党 反馈 解决 了 这 一 问题 ， 让 育 打 成 为 可 能 。 

话 虽 然 这 么 说 ， 但 最 流行 的 触 屏 手机 是 没有 物理 键盘 的 。 手 机 设计 师 放 弃 物 理 键 盘 的 原因 
有 两 个 : 有 较 多 的 空间 可 以 留 给 屏幕 ; 许多 应 用 和 移动 网 站 是 内 容 消 费 导向 的 ， 并 不 需要 进行 
大 量 输 入 操作 。( 在 我 们 的 测试 中 ， 那 些 有 看 可 滑动 物理 键盘 的 用 户 并 不 经 稼 使 用 它们 ， 除 了 电 
子 邮 件 之 外 ， 他 们 在 绝 大 多 数 任务 里 依赖 虚拟 键盘 , ) 

尽管 人 们 肯定 不 喜欢 被 强迫 进行 移动 输入 ,但 在 需要 时 他 们 确实 会 这 么 做 。 至 今 为 止 ， 最 
流行 的 手机 活动 是 发 送 短 信 。 根 据 ComScore 所 做 的 统计 ， 在 2012 年 3 HA 74% 的 美国 移动 用 
户 发 送 了 短信 。 流 行 手 机 活动 的 第 二 名 是 拍照 ( 60% )， 接 着 是 电子 邮件 ( 41% )。 然 而 ， 撰 写 电 
子 邮 件 或 短信 与 填写 表单 有 者 相 当 大 的 区 别 ， 在 电子 邮件 或 短信 里 使 用 缩写 甚至 是 错别字 都 不 
会 导致 什么 不 恨 后 果 ， 而 如 果 它 们 出 现在 表单 里 就 会 严重 得 多 。 设 想 一 下 ， 你 把 刚 严 的 书 发 到 
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本 错误 的 地 址 ， 或 者 在 银行 账户 之 间 转 账 时 写 错 了 金额 ,会 有 什么 后 琳 ? 输 入 提示 对 目 由 形式 
的 文本 输入 很 有 用 ， 但 在 某 些 必须 输入 姓名 和 地 址 信息 的 情形 中 可 能 会 造成 灾难 性 的 后 果 。 
表单 在 移动 端 是 个 信人 讨厌 的 东西 ， 所 以 我 们 为 你 提供 如 下 建议 。 
m 尺 可 能 以 下 列 方式 带 助 用 户 填写 表单 。 
m 让 他 们 使 用 缩写 ,提供 可 感知 的 献 认 值 或 精心 选择 的 输入 提示 ( 基于 用 户 历史 ), 或 者 
允许 他 们 用 摄像 头 、GPS 或 语 首 进行 输入 ( 图 3-23 )。 
m 只 要 有 可 能 就 日 动 计 算出 信息 。 比 如 ， 根 据 美 国 邮 政 编码 日 动 计算 出 州 名 。 不 要 请 用 
户 分 别 输入 信用 卡 类 别 和 号 码 ， 而 应 根据 号 码 目 动 计算 出 类 别 。 
m 对 尽 切 和 烙 贴 提供 支持 。 不 是 所 有 人 痢 知 道 如 何冀 切 和 粘贴 ， 但 提供 这 些 支 持 会 方便 


那些 知道 的 人 。 
B 自动 生成 已 知 的 值 。 如 果 用 户 已 经 登录 ， 不 要 在 他 们 进行 购买 时 让 其 重新 输入 电子 邮 
箱 和 地 址 。 


图 将 表 香 做 得 越 短 越 好 ， 只 要 求 填写 必 知 的 信息 。 要 避免 让 用 户 两 次 输入 同一 信息 。 像 
图 3-24 里 这 样 的 表单 是 会 把 移动 用 户 吓 跑 的 。 只 要 有 可 能 就 红 减 表单 ， 只 要 求 用 户 填 瑟 
必需 的 信息 ， 比 如 称呼 (Title ) 一 栏 就 是 非 必需 的 。 虽 然 它 是 个 下 拉 框 ， 用 户 实际 上 并 
不 用 在 里 面 输入 ， 但 每 个 额外 的 字段 午 让 这 张 表单 在 移动 设备 里 看 起 来 更 吓人 。 与 之 类 


似 ， 晚 间 联 系 手机 (evening phone ) 里 然 是 可 选 的 ， 但 它 让 这 张 表 单 看 上 去 更 长 ， 也 更 
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3-23 ( 左 图 ) Android 版 的 
Hipmunk 应 用 在 酒店 搜索 中 使 用 hipmunk 
当前 地 点 ( 手机 GPS 捕捉 到 的 ) 
和 当前 日 期 作为 可 感知 的 默认 值 a 
( 当然 ， 如 果 用 户 愿意 ， 也 应 当 
人 允许 他 们 使 用 不 同 的 地 点 ) 


* Required fields 


1 Night, 5/8 - 5/9 Title» Ms A 
First name* 
= | Gem | 
Surname* 
3-24 ( 右 图 ) Android 版 的 p= | trem [ol | 
Country* United States P 


Net—-a- porter 应 用 使 用 了 很 长 的 


AKRE, ERAS SADR sti 


的 信息 


Address line 2 


Search for Hotels 


City* 


State* Select a State p” | 


Postcode/ZIP* 


Phone day* | 
Phone evening | 
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虽然 输入 很 烦人 ， 但 有 时 候 它 却 胜 过 在 一 屏 接 一 屏 的 信息 中 进行 滚 劲 。 比 如 ， 用 户 输入 所 
在 州 的 两 个 字母 缩写 要 比 从 50 个 条 目的 下 拉 框 里 选 更 容易 。 同 样 ， 输 入 某 个 品牌 名 的 开头 部 分 
然后 从 一 些 匹配 建议 中 选择 ， 也 比 从 数 干 个 品牌 名 的 清单 中 寻找 要 快 (图 3-25 )。 

尽管 在 触摸 屏 里 进行 输入 很 麻烦 ， 但 触 控 屏幕 里 的 目标 可 能 同样 有 难度 ， 特 别 是 在 目标 很 
小 的 情况 下 。 研 究 显 示 ， 用 于 触 岳 的 理想 目标 太 才 是 1 厘米 x 1 厘米 。 通 第 ， 宽 度 比 高 度 要 更 
重要 一 些 , 但 微小 和 被 重重 包围 的 目标 会 对 用 户 构成 不 小 的 挑战 。 触 碰 到 它们 不 但 需要 更 长 时 间 ， 
而 且 用 户 也 更 有 可 能 出 错 ( 图 3-26 )。 


3-25 ( 左 图 ) Android 版 的 
Zappos 应 用 。 当 Zappos 的 用 户 


ws FILTER 
想 用 品牌 名 称 过 滤 搜 索 结果 时 ， Headines 
NZ SSS ` BS s K SISA LÀ 
必须 滚动 许多 页 才能 找到 心仪 的 (+) YOUR SELECTIONS ToDAY Headlines 
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2results 
News ToP Stories 
Aetrex 
16 results Bill Walton regrets not helping Junior ff 
: Seau A 
& 3- Ed K - 
3 26 人 右 ) Android 版 的 Ahnu The basketball Hall of Famer says he "failed" ` vf 
( 5 H 美 》 应 用 o 这 个 应 用 里 5 results his good friend and... 
的 B ERR. 寸 远 小 于 对 触摸 屏 而 言 ALDO Zimmerman arraigned in Trayvon 
E3 IH 4H —— cn en lea of not guilty t 
日 小 Hk 一 一 eorge Zimmerman's plea of not guilty to 
BSE AS 的 | EX ^ 1 厘米 EX Alegria second-degree murder in... 
= | 3 E s] ac c 
- z B one Pa hd A, dai iiia Government watchdog blasts the FAA over air safety 
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LU abst i= E 3 A m = 标 ' 比 如 Alexander McQueen oversight of air safety after investigating a... 
新 闻 ( News ) . 443377 ( Money ) 、 a 
体 育 ( Sports ) ER sF Ah HEE Allrounder by Mephisto Obama, GOP battle over 'to do' lists 
3 results President Obama and congressional 
FE 过 近 Republicans are... 


5 results 
Saints’ Vitt: | never told Hargrove to lie 
to NFL 


OK CLEAR COLLAPSE 1:37 PM New Orleans Saints interim coach 
Joe Vitt says... 


Amiana e 


3.3 下载 时 间 


用 户 在 移动 设备 中 效 认 低下 的 一 个 原因 就 是 速度 慢 。 即 使 那些 拥有 超 快 铝 能 手机 的 人 也 时 
不 时 会 党 得 目 己 的 设备 依然 太 慢 。 这 可 能 是 因为 通信 网 络 出 现 了 拥堵 ， 或 者 菏 一 地 点 的 网 络 罗 
兰 很 差 。 无 线 网 络 还 远 远 没有 实现 无 处 不 在 ,用 户 从 智能 手机 访问 互联 网 依 徘 的 是 通信 网 络 信和 号 ， 
尤其 是 在 移动 使 用 中 。 

当 速 度 缓慢 的 时 候 ， 每 一 次 载 和 人 网 页 都 很 关键 。 每 一 次 载 人 网 页 都 有 可 能 导致 连接 被 终止 ， 
因为 大 多 数 用 户 没有 耐心 等 待 太 长 的 时 间 。 如 打 迫 切 需要 你 网 站 中 的 信息 ， 他 们 可 能 会 打 电话 
给 坐 在 电脑 劳 的 朋友 ， 请 他 帮忙 找到 信息 。 或 者 ， 如 果 有 你 公司 的 电话 号 码 ， 他 们 也 可 能 会 直 
接 打 电话 过 来 。 不 过 ， 在 大 多 效 情 况 下 他 们 只 会 离开 你 的 网 站 或 应 用 程序 ， 去 往 别 处 。 
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交互 成 本 是 指 人 们 在 电脑 、 移 动 设备 或 其 他 类 似 设 备 中 完成 任务 所 需要 的 原子 性 操 


作 (比如 点 击 、 滚 动 、 转 移 注意 力 到 新 窗口 ) 的 数量 。 用 户 每 多 做 一 步 ， 就 会 多 一 分 痛 


因为 速度 在 移动 设备 上 如 此 重要 ， 其 中 的 可 用 性 问题 就 被 放大 了 。 在 桌面 电脑 上 的 一 次 额 
外 点 击 算得 了 什么 ?虽然 让 你 的 用 户 做 不 必要 的 事 肯定 不 能 算是 良好 的 可 用 性 实践 ， 但 你 的 网 
站 不 会 因此 倒闭 。 用 户 在 使 用 PC 的 时 候 进行 额外 的 点 击 不 算是 大 问题 ， 但 在 移动 设备 上 就 不 
一 样 了 ,点 击 或 轻 触 可 能 意味 着 漫长 的 下 载 时 间 。 如 果 你 的 网 站 或 应 用 程序 让 用 户 太 辛 苦 或 者 
等 待 时 间 太 长 ， 他 们 可 不 会 原谅 你 。 因 此 ， 在 为 移动 设备 设计 的 时 候 ， 将 交互 成 本 降 到 最 低 是 
很 关键 的 。 
那么 ， 该 如 何 应 对 缓慢 的 下 载 速度 呢 ? 
m 将 交互 流 线 化 ， 让 所 需 下 载 的 页 面 越 少 越 好 。 有 的 时 候 “ 页 面 下 载 ”就 等 同 于 “点 击 ”， 
但 并 不 是 所 有 的 点 击 都 会 导致 页 面 下 载 。( 举 个 例子 ， 如 果 内 容 是 存储 于 手机 之 中 的 ， 轻 
触 一 下 应 用 就 可 能 不 会 从 服务 器 下 载 任何 信息 。) 
图 3-27 展示 了 Zappos 移动 网 站 中 非 必需 下 载 页 面 的 一 个 例子 。 该 网 站 过 于 急切 地 进行 
搜索 精细 化 ， 如 果 某 位 用 户 想 浏览 一 下 男 鞋 ， 他 无 法 同时 提交 全 部 的 3 个 过 滤 选 项 (“ARE 
子 "、“ 男 式 ”、“ 黑 色 ” )， 而 只 能 分 别提 交 。 因 为 一 旦 用 户 选择 了 产品 类 别 (“鞋子 ” )， 网 
站 就 会 立刻 自动 下 载 搜索 结果 ， 让 用 户 来 不 及 选择 其 他 的 过 滤 选 项 。 
E 只 加 载 需要 的 信息 ， 即 那些 对 你 的 用 户 有 用 、 给 页 面 ion mem pee 
增加 价值 的 信息 。 
图 不 要 在 页 面 里 小 用 图 片 。 图 片 越 多 ， 下 载 速度 一 般 也 eR 
就 越 慢 。 这 并 不 是 说 不 应 该 使 用 图 片 。 事 实 上 ， 用 户 


Product Type 
喜欢 在 手机 上 看 到 精美 的 图 像 。 这 里 的 意思 是 应 该 明 — 
智 地 选择 图 片 ， 不 要 在 一 张 页 面 里 放置 太 多 。 

m 向 用 户 提供 反馈 ， 比 如 用 进度 条 告诉 他 们 目前 的 下 载 Brand 
状态 。 这 并 不 能 完全 阻止 他 们 因为 网 站 太 慢 而 选择 离 Price 


FF , 但 可 以 稍 做 拖延 一 下 o Color 


FA 3-27 Zappos 的 移动 网 站 ( m.zappos. 
com) 每 次 只 提交 一 个 过 滤 选 项 ， 以 较 低 
的 效率 为 每 个 选项 触发 一 次 页 面 下 载 


CD 原子 性 操作 (atomic action) 借 “ 原 子 ” 一 词 的 本 意 ， 即 不 能 被 进一步 分 割 的 最 小 粒子 ， 来 比喻 那些 浑然 一 体 、 
不 能 被 分 拆 的 操作 。 译 者 注 
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移动 应 用 的 最 重要 原则 之 一 就 是 要 避 免 让 用 户 在 第 一 步 承 进行 注册 。 

在 测试 中 我 们 见 到 过 无 数 这 样 的 应 用 : 还 未 能 证 明 目 身 起 码 的 价值 ， 就 要 求 用 户 进 行 注册 。 
这 样 做 是 错误 的 。 请 记 住 ,用 户 在 一 开始 对 你 的 应 用 的 投入 程度 很 低 。 除非 你 的 应 用 确实 非常 棒 ， 
能 提供 巨大 的 价值 ， 否 则 人 们 不 会 频 楷 地 使 用 它 ， 更 不 会 觉得 值得 注册 。 

注册 当然 可 以 增加 商业 价值 ， 也 能 为 你 的 客户 提供 使 用 便利 。 不 过 这 些 仅 仅 是 在 用 户 实 际 
完成 注册 之 后 才 成 立 。 不 洱 的 是 ， 如 来 在 用 户 充分 认可 应 用 的 价值 之 前 束 强 迫 他 们 注册 ， 许 多 
人 就 会 选择 退出 应 用 ,而 且 从 此 连 碰 都 不 碰 。 于 是 ,你 就 失去 了 仪 有 的 给 人 市 来 民 好 第 一 印象 (其 
实 算是 唯一 印象 ) 的 机 会 。 

XP EA A Y. AMA 1999 年 以 来 ,针对 电子 商务 里 购物 车 和 结账 程序 的 一 条 
关键 可 用 性 原则 束 是 让 用 户 无 须 注 册 就 能 进行 购买 。 相 比 那 些 要 求人 们 必须 有 用 户 ID 和 密码 
才能 至 受 花 钱 这 一 罕见 特权 的 网 站 ， 那些 允许 “游客 结账 ”的 网 站 有 着 高 得 多 的 转化 率 。 毕 况 ， 
我 们 不 能 随 随 便便 地 让 任何 人 都 能 在 我 们 的 网 站 里 购物 , 对 吧 ? ( 看 上 去 有 些 人 就 是 这 么 想 的 。) 


我 们 测试 了 数 以 百 计 的 电子 商务 网 站 ， 总 结 出 了 这 些 网 站 应 当 核 对 的 874 条 用 户 体 验 
原则 。 由 于 数量 太 多 ， 这 里 无 法 逐一 进行 讨论 ， 另 一 个 原因 是 这 些 原则 中 的 大 部 分 是 关于 
总 体 的 Web 设 计 ， 并 不 针对 移动 可 用 性 。 要 想 了 解 这 份 长 达 2140 页 的 电子 商务 可 用 性 系列 
报告 ， 请 访问 我 们 的 网 站 : www.nngroup.com/reports/ecommerce。 


在 果 面 网 站 里 要 求 用 户 注 册 也 会 给 你 的 业务 市 来 损失 ， 不 过 并 不 严重 。 但 在 移动 环境 下 ， 
用 户 必 须 经 历 的 每 一 个 额外 步 又 虱 会 给 他 们 市 来 抹 烦 。 此 外 ， 用 户 对 刚刚 下 载 的 应 用 的 投入 程 
度 也 要 低 于 他 们 花 了 很 多 时 间 浏 览 并 填充 购物 车 的 电子 商务 网 站 。 

如 有 果 把 更 多 的 麻 烦 和 更 低 的 投入 程度 结合 起 来 看 ， 束 很 容易 理解 为 什么 前 置 注册 在 移动 站 
所 造成 的 业务 损失 要 比 在 加 面 端 大 本。 

虽然 整体 的 用 户 体验 最 为 重要 ， 但 也 必须 对 细节 多 加 注意 。 要 知道 ， 一 个 错误 的 页 面 就 能 
给 你 导致 数 白 万 美元 的 营 收 和 品牌 价值 损失 。 

束 像 老话 所 说 的 ， 你 只 有 一 次 给 人 形成 第 一 印象 的 机 会 。 这 束 是 第 一 屏 至 关 重 要 的 原因 。 
尤其 是 移动 用 户 ， 他 们 有 是 不 会 有 太 多 意愿 在 刚刚 免费 下 载 的 应 用 上 人 花 寓 精力 的 。 即 使 是 “正规 
的 软件 ， 有 时 安 半 、 设 置 和 初始 屏幕 也 能 决定 此 应 用 是 成 功 还 是 失败 。 

图 3-28 展示 了 两 个 应 用 。 它 们 部 要 求 用 户 注册 ,但 采取 了 完全 不 同 的 方式 。Zapd 是 一 于 在 
Web 上 发 布 内 容 的 应 用 ， 只 有 在 人 们 真 的 想 要 发 布 所 创建 的 内 容 时 该 应 用 才 会 要 求 他 们 注册 。 

Orchestra 是 一 于 管理 待 办 事项 清单 的 应 用 。 它 要 求 用 户 创建 账号 后 才能 使 用 ， 其 至 不 告诉 
他 们 这 区 应 用 是 做 什么 的 。 为 什么 一 天 管理 符 办 事项 清单 的 应 用 还 需要 注册 7? Orchestra 应 用 多 
半 硕 望 能 在 不 同 平台 上 进行 清单 同步 ,， 但是， 为 了 提供 更 好 的 用 户 体 验 ， 应 当 允 许 人 们 先 使 用 
这 区 应 用 ， 只 有 在 他 们 需要 进行 清单 同步 时 才 要 求 他 们 进行 注册 。 
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3-28 (a) Zapd 的 iPhone 
版 应 用 人 允许 人 们 创建 内 容 ， 当 
他 们 想 要 发 布 到 Web 上 时 才 会 
要 求 注 册 。 (b) Orchestra 的 
iPhone 版 应 用 要 求 用 户 在 实际 
使 用 之 前 就 必须 进行 注册 


Create a beautiful website. In 60 


Welcome to Orchestra! 


You’ll need a free account to use 
Orchestra. Click the orange button or 
swipe here to learn more. 


seconds. From your iPhone. 


(a) 


(b) 


在 第 一 屏 就 要 求 注册 是 典型 的 “ 先 取 后 耶 ”: nar BH fe 2 A TE A S ETE 


费时 间 和 精力 。 为 一 种 滥用 用 户 关 系 的 例子 是 ， 在 用 户 弄 明日 应 用 的 作用 之 前 就 要 求 获 得 发 送 
通知 或 使 用 当前 位 置 的 权限 ( 图 3-29 )。 用 户 经 第 对 这 些 行 为 (使 用 当前 位 置 和 发 送 通 知 ) 的 日 


的 一 无 所 知 。 


3-29 (a) 比萨 连锁 
店 Amici's 的 应 用 在 首次 
局 动 时 要 求 获 得 推送 通知 
( push notification ) 的 权 
BR, (b) Wolfram Alpha 
的 iPad 版 应 用 是 一 款 数 学 
搜索 引擎 ， 它 在 首次 启动 
时 要 求 获 得 使 用 当前 位 置 
的 权限 


“Amici's” Would Like to Send 
You Push Notifications 


“WolframAlpha” Would Like 
to Use Your Current Location 


Notifications may include alerts, 
sounds and icon badges. These can 


be configured in Settings. bi 


Don't Allow OK 
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另 一 个 “ 先 取 后 子 ” 的 例子 是 ， 应 用 在 局 动 后 首先 显示 宛 长 的 使 用 教程 或 用 户 手册 ( 图 
3-30 )。 大 多 数 用 户 在 实际 感受 到 应 用 的 价值 前 不 会 费心 去 阅 旋 使 用 教程 。 况 且 即 使 用 户 被 迫 阅 
谈 了 用 户 手册 和 教程 也 没有 什么 用 ， 这 很 大 程度 上 是 因为 其 中 的 内 容 脱 离 了 了 上下文， 用 户 根 本 
无 法 记 住 所 有 的 信息 。 如 果 你 必须 得 这 么 做 ， 建 议 使 用 Foodspotting 应 用 ( 图 3-30a ) 所 使 用 的 
快速 和 浮 于 界面 之 上 的 方式 ， 而 不 是 Marvel Comics 应 用 (图 3-30b ) 所 使 用 的 宛 长 费劲 的 那 种 。 


图 3-30 ”应 用 不 该 在 启动 时 要 求 AT&T 4G 3 3:27 PM 
用 户 阅 读 用 户 手册 : 界面 应 当 是 à 
不 言 自明 的 。 (a) Foodspotting 
应 用 在 启动 时 显示 了 一 些 解释 界 Ee 
面 的 提示 。 (b) Marvel Comics anywhere. 


Scroll to access wants, 


应 用 希望 用 户 首 先 阅读 手册 friends' sightings & more. 


It looks like you're reading your first 
comic! 


Bookmark dishes that 


you want to try. Want to see a quick comic about 


Hide ones you don't. how the reader works? 


x 


Welcome to Explore. 
Find great dishes wherever you go. 


(a) (b) 


最 初 的 用 户 体验 应 当 吸 引 人 ， 证 他 们 参与 其 中 ， 而 不 是 向 他 们 提出 要 求 。 在 第 一 次 启动 时 ， 
应 用 尚未 证 明 目 身 的 价值 ， 也 没有 获得 用 户 信任 。 我 们 的 建议 是 : 一 、 不 要 在 首次 局 动 时 要 求 
获得 权限 ， 除 非 该 应 用 无 此 权限 完全 无 法 工作 ; 二 、 要 求 获 得 权限 时 ,一 定 要 向 用 户 解 释 为 什 
么 你 需要 当前 的 位 置信 息 或 会 发 送 包 含 哪些 内 容 的 通知 ; 三 、 避 免 让 用 户 阅 读 元 长 的 教程 或 用 
FB. 


sel: 比萨 订购 应 用 


我 们 在 各 种 不 同 的 应 用 调研 中 曾 多 次 见 到 过 早 要 求 注册 和 烦人 界面 的 例子 。 

当 必 胜 客 的 iPhone 版 应 用 首次 启动 时 ， 用 户 就 遇 上 了 如 图 3-31 所 示 的 注册 页 ， 而 此 时 他 们 
满 脑 子 想 的 却 是 浏览 和 挑选 美味 的 比 楷 饼 。 

那么 ,合理 的 顺序 应 当 是 怎么 样 的 ? 

(1) Jo bif EG PES) PA o 

(2) 让 用 户 定 制 他 们 的 订单 。 

(3) 显示 价格 和 那些 最 重要 的 订购 信息 ， 比 如 用 户 输入 邮政 编码 之 后 生成 的 配送 时 间 之 类 。 


Not ready to order? Demo the app. 


Please sign in with your PizzaHut.com 
username or email address and password. 


Username 
or email 
address: 


Password: 


E Remember me 


Don't have a PizzaHut.com account? 


图 3-31 ”测试 中 的 必胜客 移动 应 用 
用 户 连 比萨 的 味 儿 都 没有 闻 到 就 碰 上 
了 这 个 注册 页 

(4) 接受 订单 。 在 这 一 步 要 求 输入 个 人 信息 是 合适 的 ， 因 为 用 户 至 此 已 经 足够 投入 了 。 

为 了 实际 测试 这 个 应 用 ， 我 们 强迫 用 户 在 这 一 页 上 注册 并 继续 使 用 。 而 在 实验 室 之 外 的 真 


在 这 一 应 用 中 还 有 一 些小 的 交互 设计 问题 ， 但 这 家 公司 如 果 能 取消 前 置 注册 页 ， 改 成 在 展 
示 比 辽 饼 并 刺激 用 户 的 味 蔓 之 后 再 要 求 他 们 提供 信息 ， 仍 然 可 以 实现 移动 比 防 订单 数 翻 一 番 的 
BAR o 

没有 一 个 用 户 点 击 图 3-31 中 标 有 “还 没有 准备 好 订餐 ?演示 一 下 这 个 应 用 ”( Not ready to 
order? Demo the app ) 的 按钮 。 当 我 们 试看 点 击 这 个 按钮 时 〈 出 于 实验 目的 )， 必 胜 客 完全 如 守 
了 刚才 列举 的 4 步 用 户 体验 建议 。 看 来 设计 师 是 知道 该 怎么 做 的 ,只 是 没有 运用 到 主 UI 的 流程 里 。 

为 什么 用 户 不 试用 “演示 ”这 一 功能 ? 因为 他 们 要 的 不 是 演示 ， 而 是 正在 出 售 的 比萨 饼 。 
虽然 “只 是 随便 看 看 ”是 个 经 典 的 购买 策略 ， 但 人 们 不 会 告诉 百货 商店 的 店员 目 己 还 没有 准备 
好 购买 一 件 新 毛衣 ， 只 是 想 看 看 样品 。 他 们 进入 了 商店， 看 看 毛衣 ( 商品 整齐 陈列 就 是 为 了 这 个 
目的 )， 试 穿 上 自己 最 喜欢 的 一 件 。 这 一 场景 只 有 从 商店 的 视角 看 才 是 “一 次 演示 ”。 从 顾客 的 视 
角 看 ， 这 就 是 “购物 ”， 你 不 需要 事先 填写 一 式 三 份 的 申请 并 获得 批准 。 

虽然 我 们 已 经 说 了 100 万 次 ， 但 显然 还 得 再 说 一 次 : TE UI 中 要 说 用 户 能 听 收 的 语言 。 

在 我 们 对 必胜客 应 用 进行 首次 测试 之 后 ， 这 家 公司 对 设计 进行 了 修改 ( 图 3-32 )， 不 再 要 求 
前 置 注册 ， 但 还 远 没 有 达到 完全 扫除 初始 障碍 的 程度 。 在 新 的 设计 里 ， 用 户 在 见 到 产品 列表 并 
判断 是 否 感 兴趣 之 前 必须 先 考虑 是 要 配送 还 是 上 门 自 取 。 无 论 哪 种 方式 都 需要 用 户 指 定 一 个 地 
址 ;配送 地 址 或 上 门 自 取 的 地 址 。 用 户 还 未 看 到 任何 “奖赏 ”就 得 完成 这 一 大 堆 工 作 , 但 实际 上 ， 
大 多 数 人 需要 一 根 胡 蓝 卜 或 比 辽 上 基 在 眼前 才 愿 音 在 一 个 应 用 里 投入 这 么 多 的 精力 。 


all AT&T => 8:30 PM 
CY ES ee DC 


What would you like to do today? 


START AN ORDER 


(a) 


ar. AT&T ^ 


Back 


Pizza piut 


(Use My Current Location ) 


* OR Enter Your ZIP Code 


Don't know your ZIP code? 


Find a Store 


Have an account? 


(d) 


3.4 


mil. AT&T “全 


Back 


A Pizza fut 


nuld like ta order for: 
| WoUIG IIKe to order for: 


| Delivery 


Want to find a Dine-In restaurant? 


(b) 


m. AT&T ^ 


Back 


p NS Pizza fur 


Location 1 


1241 W El Camino Real 
Sunnyvale, CA 94087 
0.6 miles 


Location 2 

464 N Mathilda Ave 
Sunnyvale, CA 94085 
1.5 miles 


Location 3 

20770 Stevens Creek Blvd 
Cupertino, CA 95014 

3.3 miles 
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uar. AT&T ^ 


Back 


p> Pizza Hut 


uar. AT&T ^ 


Back 


- Pizza put 


1241 W El Camino Real 
Sunnyvale, CA 94087 
0.6 miles 

(650) 968-8100 


Delivery Hours: 

Sun: 11:00AM-11:00PM 
Mon: 11:00AM-11:00PM 
Tue: 11:00AM-11:00PM 
Wed: 11:00AM-11:00PM 
Thu: 11:00AM-11:00PM 
Fri: 11:00AM-12:00AM 
Sat: 11:00AM-12:00AM 


, Carrvaut Houre- n 
M^ 


nov Y 
(f) 


图 3-32 ”必胜客 的 新 版 iPhone 应 用 让 用 户 在 见 到 任何 产品 之 前 必须 经 历数 个 密集 输入 的 步骤 (a) EN; 

(b) 点 击 主页 中 的 填写 新 订单 ( Start an order) 按钮 会 将 用 户 带 到 无 APGE. p a 自 取 的 页 面 。 
(c) 如 果 用 户 选择 配送 ( Delivery) ， 就 必须 在 下 一 屏 填 写 配 送 地 址 。( d ) Ble) 如 果 用 户 选 择 上 门 自 取 (Carryout) , 
就 必须 在 接 下 去 的 三 张 页 面 中 找到 一 家 距离 自己 较 近 的 自 提 店 。 (f) 在 确定 自 提 店 或 配送 地 址 后 ， 用 户 才能 见 到 订购 
菜单 


移动 应 用 所 使 用 的 界面 显然 是 用 户 界 面 中 的 一 种 ， 因 此 除了 特殊 的 移动 原则 之 外 ， 总 体 的 
UI 原则 同样 适用 。 移 动 应 用 和 时 面 应 用 的 区 别 在 于 ， 对 于 前 者 而 言 ， 巡 循 UI 原则 更 为 关键 ， 
因为 移动 一 词 通常 意味 春 间 上 断 性 使 用 。 因 此 ， 初 始 障碍 必须 既 少 又 容易 跳 过 ， 和 否则 用 户 永远 不 
会 习惯 于 使 用 你 的 应 用 。 
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3.5 RHR: 《华尔街 日 报 》 的 移动 应 用 


2011 年 ,《 华 尔 街 日 报 》 的 iPhone 版 应 用 在 苹果 应 用 商店 里 只 得 到 了 2 颗 星 的 评分 。 这 一 
评分 是 68 418 名 用 户 所 打 的 平均 分 数 ， 因 此 表明 有 相当 多 的 用 户 对 该 应 用 表示 愤怒 。 

粗略 估算 一 下 ， 来 日 68 418 名 用 户 2 里 星 的 平均 分 说 明 有 40 000 名 用 户 只 给 了 这 个 应 用 程 
序 1 颗 星 。 根 据 社 交 设 计 里 的 90-9-1 法 则 ， 绝 大 多 数 用 户 不 会 特意 去 给 某 一 产品 打分 或 评论 ， 
因此 40 000 个 低 分 的 背后 至 少 有 50 万 名 失望 的 消费 者 。 


90-9-1 法 则 


所 有 依赖 用 户 贡 献 内 容 或 构建 服务 的 大 型 多 用 户 社区 和 在 线 社交 网 络 都 具有 一 个 共同 
特征 : 绝 大 多 数 用 户 并 不 会 积极 地 参与 ， 很 多 时 候 他 们 只 是 在 默默 地 潜水 。 

与 之 相对 ， 一 小 部 分 用 户 经 常会 不 成 比例 地 创造 大 量 内 容 和 参与 其 他 系统 内 活 
动 。Will Hill 在 20 世 纪 90 年 代 初 首次 深入 研究 了 这 一 非 对 称 参与 现象 ， 当 时 他 就 在 贝尔 通 


信 研 究 所 工作 ， 紧 挨 本 书 作 者 Jakob Nielsen 的 办 公 室 。 
任何 给 定 在 线 社区 的 用 户 参与 情况 或 多 或 少 都 遵循 下 面 这 条 90-9-1 法 则 。 
E 90% 的 用 户 是 潜水 者 ， 意 思 是 他 们 会 进行 阅读 和 观 佘 ， 但 不 会 作出 贡献 。 
BI 9% 的 用 户 会 时 不 时 做 点 贡献 ， 但 他 们 的 时 间 主 要 还 是 花 在 其 他 优先 级 更 高 的 事情 上 。 
B 1% 的 用 户 会 积极 地 参与 并 作出 大 量 贡 献 。 他 们 仿佛 没有 个 人 生活 ， 往 往 在 事件 发 
生 几 分 钟 后 就 发 帖 进行 评论 。 


《华尔街 日 报 》 是 全 世界 最 受 导 重 的 新 闻 媒 体 之 一 ， 长 期 以 来 也 是 数字 媒体 的 先驱 。 那 么 ， 
它 为 什么 会 制作 出 这 样 一 球 2 BUE BEP s wr HUE? 

答案 可 以 清楚 地 从 用 户 评论 里 找到 。 得 分 最 高 的 3 条 用 户 评 论 部 只 给 了 该 应 用 1 颗 星 ， 以 
下 是 它们 各 目的 标题 。 

m HOC" Alix. (SIRNA AEA? “这 些 家 伙 届 然 有 胆量 癌 现 有 的 在 线 订阅 者 

收取 额外 的 费用 ! ”) 

加 “无 用 的 应 用 ， 得 为 同样 的 内 容 付 两 次 钱 。” 

图 “对 内 容 收 费 一 一 还 是 两 次 ! ? 1 ” 

很 明显 ， 人 们 深 深 地 感到 被 冒犯 了 ， 因 为 这 个 应 用 要 求 那些 已 经 付费 订阅 wsj.com 的 人 再 
次 付费 才能 在 移动 设备 上 阅读 该 报 。 

如 果 用 户 真 的 是 因 同 一 内 容 被 收 两 次 钱 ， 我 们 也 会 跟 他 们 一 起 高 。 但 他 们 实际 上 不 是 。 使 用 
这 于 移动 应 用 对 现 有 的 网 站 付费 订阅 者 来 说 是 免费 的 ,他 们 只 需 用 目 己 的 用 户 了 D 和 密码 登录 即 可 。 


3.5.1 让 人 困惑 的 初始 页 面 
为 什么 会 有 那么 多 人 错误 地 认为 自己 还 需要 为 《华尔街 日 报 》 的 iPhone 版 应 用 付费 呢 ? SE 
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岁 祸 站 是 一 种 让 人 极为 困 惑 的 用 户 界 面 设 计 。 第 一 次 启动 这 个 应 用 时 ， 会 出 现 如 图 3-33 所 示 的 
初始 页 面 。 

其 中 ， 最 强烈 的 行动 号 召 ( 就 位 置 和 尺寸 而 言 ) 是 接受 用 户 订 阅 并 提供 2 周 的 免费 期 。( 这 
当然 就 暗示 了 在 此 之 后 会 产生 费用 。) 点 击 “ 现 在 订阅 ”( Subscribe Now ) 按钮 之 后 出 现 的 页 面 
如 图 3-34 所 示 。 


3-33 (AR) 2011 年 《 华 a ATRT c 6:29 PM 65% mm) [ATAT 一 6:29 PM 65% mal 

尔 街 日 报 》 的 iPhone 版 应 用 : THE Wi STREFT IRN, 2 WSJ: Mobile 
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3-34( AR) 《华尔街 日 报 》 Get the articles available only to Enjoy Full Access 

. 4 subscribers -- the latest global news, to WSJ Mobile Read 

的 iPhone 版 应 用 : rash "XA financial events, market insights and i : pe 

订阅 ” (Subscribe Now ) 按钮 information to keep you ahead of the curve. Subscribe Now for only 

R Hurry, act now! $1.99/week 

之 后 出 现 的 页 面 


- Exclusive video 


Gain access to free WSJ Mobile Reader 


content by registering now. 
Or Call to Drder 


Register for Free 1-800-765-7395 


- Breaking news headlines 
Subscribe Now - WSJ Radio Podcasts 


看 上 去 用 户 确 实 需要 在 2 周 后 每 周 花费 1.99 3526 HEE Ia, PAI EME FF 
合 逻 辑 的 绪论 ， 但 它 是 错误 的 。 如 有 果 你 点 击 了 第 二 屏 里 的 “订阅 ”(Subscribe ) 按钮 ， 将 看 到 一 
个 页 面 ， 里 面 注 明 此 应 用 对 现 有 的 网 站 订阅 者 是 免费 的 。 

然而 ， 绝 大 多 数 用 户 不 会 看 到 上 述 的 第 三 屏 ， 因 为 这 个 “订阅 ”按钮 对 现 有 的 订阅 者 来 说 
不 存在 任何 信息 气味 。 用 户 过 去 对 所 有 网 站 和 应 用 的 使 用 经 验 都 指 问 了 同一 个 结论 :这 个 “订阅 ” 
按钮 是 在 邀请 你 购买 一 份 全 新 的 订阅 。 因 此 ， 如 果 用 户 不 愿意 为 同一 批文 章 付 两 次 钱 的 话 ， 一 
见 到 第 二 屏 里 的 内 容 时 就 会 选择 退出 。 

大 多 数 人 都 会 在 那 一 刻 放 弃 ， 因 为 要 使 用 该 应 用 很 明显 需要 每 周 额 外 花费 1.99 美元 。 特 别 
固执 的 用 户 可 能 会 返回 初始 页 面 尝 试点 击 第 二 个 按钮 :“ 人 免费 注册 ”( Register for Free )。 

这 第 二 个 按钮 将 用 户 之 到 一 个 注册 页 ， 在 那里 你 可 以 创建 一 个 新 账户 ， 获 得 阅读 一 小 部 分 
文 草 的 权利 。 没 有 提示 说 如 果 已 有 网 站 账号 可 以 直接 登录 。 同 样 ， 用 户 能 得 出 的 唯一 合理 的 结 
论 就 是 ， 必 须 支 付 每 周 1.99 美元 的 额外 费用 才能 看 到 所 有 的 文章 。 

那些 超级 固执 的 用 户 还 可 能 会 注意 到 初始 页 面 底 部 有 个 小 得 多 的 “登录 ”( Log In ) 按钮 。 
不 过 他 们 不 太 可 能 会 点 击 这 个 按钮 ， 因 为 这 于 应 用 的 当前 使 用 经 验 让 他 们 误 以 为 必须 注册 和 和 额 
外 付 钱 才能 登录 。 
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剩 下 的 少数 儿 个 最 终点 击 了 “登录 ”按钮 的 用 户 看 到 了 他 们 可 以 使 用 现 有 的 wsj.com 账 
登录 这 个 应 用 。 不 过 ， 应 用 商店 里 出 现 了 那么 多 的 负面 评论 ， 说 明 很 少 有 用 户 可 以 走 得 这 


( 男 外 ,我 们 对 数 百 个 移动 应 用 和 网 站 的 测试 表明 ,用 户 对 位 于 顶部 的 选项 有 着 强烈 的 偏好 。 
里 然 手 机 屏 倚 并 不 大 ,但 用 户 还 是 可 能 会 忽略 下 面 的 选项 ， 因 为 他 们 的 注意 力 都 集中 到 了 屏 颇 
LS ) 


3.5.2 AmA 


MA RS PE xs TT EAE Y xx TOI MATT ARAYE? EEDAN OL AMAR E IL SS TT E 
WES) T A. 
还 有 , 这 一 设计 其 实 挺 适合 新 订阅 者 的 , 而 他 们 是 唯一 会 给 公司 增加 收入 的 用 户 群 体 。 所 以 ， 
为 什么 不 只 聚焦 于 新 订阅 者 ， 不 管 那些 老 顾 客 和 他 们 糟糕 的 用 户 体验 呢 ? 
不 应 忽视 老 顾客 的 原因 有 以 下 两 点 。 
m 现 有 的 订阅 者 对 需要 付 两 次 钱 非 当 不 满 ， 他 们 的 负面 评价 和 打分 在 应 用 商店 的 用 户 反 人 馈 
版 块 里 占据 了 压倒 性 的 地 人 位。 因此， 许多 浴 在 的 新 订阅 者 会 看 到 2 颗 星 的 评分 ， 然 后 立 
刻 抛 弃 这 个 应 用 。 人 们 可 没有 时 间 论 在 垃圾 应 用 上 ， 毕 范 还 有 其 他 50 万 个 应 用 可 贷 选 
择 呢 。 
m 那些 愿意 付费 获得 网 站 阅览 权 的 人 是 这 家 新 闻 媒体 最 忠实 的 粉 缘 。 为 Web 内 容 付 费 的 行 
为 是 相当 罕见 的 ， 愿意 这 么 做 的 顾客 应 当 受 到 重视 ， 而 不 应 像 垃 圾 一 样 地 对 往 。 
新 闻 媒体 要 想 在 互联 网 时 代 生 存 ， 必 须 采 取 以 下 两 种 战略 措施 。 
m 在 日 己 的 用 户 中 维持 可 信和 度 。 要 保证 比 用 户 在 Google 里 找到 的 那些 随机 网 站 更 受 人 
FF HE 
图 深化 与 忠实 用 户 的 关系 ， 这 样 用 户 就 会 首先 选择 这 家 媒体 ， 而 不 是 众多 将 内 容 商品 化 的 
新 闻 聚 合 网 站 之 中 的 一 家 。 
顾客 被 念 慢 了 ， 可 信和 度 和 用 户 关 系 就 会 又 降 ， 特 别 是 当 他 们 上 自觉 爱 到 不 公平 的 错误 对 待 时 。 
《华尔街 日 报 》 的 这 种 让 人 困惑 的 应 用 程序 UI 所 造成 的 长 期 影响 ， 腐 蚀 了 这 一 品牌 在 其 最 
重要 的 人 群 ( 忠实 的 、 愿 意 付 费 的 读者 ) 心目 中 的 形象 。 这 一 案例 完美 地 证 实 了 可 用 性 不 仅 关 
乎 用 户 是 否 能 点 击 到 正确 的 按钮 。 用户 体验 就 是 交互 世界 中 的 品牌 营销 。 
这 家 新 闻 媒体 复杂 的 订阅 模型 所 带 来 的 男 一 大 难题 是 ， 印 刷 版 订户 必须 额外 付费 才能 访问 
在 线 版 本 。 这 束 需 要 做 一 大 堆 额 外 的 解释 工作 以 区 分 不 同 种 类 的 订阅 者 。 基 于 重新 设计 ( 参见 
3.5.8 5) 的 考虑 ， 我 们 不 会 去 碰 这 种 定价 模型 ， 但 它 确实 会 让 UI 复杂 化 ， 进 而 降低 转化 率 。 
为 一 个 给 予 印刷 版 订阅 用 户 免 费 网 络 版 访问 权 的 理由 很 明显 : 他 们 是 最 有 价值 的 顾客 。 印 
刷 广 告 比 在 线 广告 更 有 效 ， 是 因为 大 开 页 的 布局 有 着 更 强 的 视觉 冲击 力 ， 因 此 ， 报 纸 媒体 应 当 
通过 悉心 照顾 这 些 读者 来 收 励 他 们 继续 订阅 印刷 版 。 至 于 如 何 权 衡 对 印刷 版 订阅 用 户 额 外 收费 
所 产生 的 影响 ( 短期 内 收入 会 增长 ， 但 长 远 来 看 印刷 版 订阅 用 户 数 量 会 下 降 )， 已 经 不 在 本 市 讨 
ie BET. 
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3.5.3 一 种 更 好 的 设计 THE WALL STREET JOURNAL. 


QU AS Va — TRE EY) DT EGER 23 2S ZUR, WBA 
AS EEE AY) vU AMENE. B 3-35 展示 了 我 们 构思 的 《 华 | ， OU 
尔 街 日 报 》 应 用 的 一 个 替代 性 初始 页 面 。 外 
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图 3-35 我 们 建议 对 ( 华 aR 街 日 报 ) WSJ Mobile Reader accounts 
应 用 初始 页 面 所 做 的 重新 设计 


Customer Service 
888.555.1212 


这 一 页 面 消除 了 之 前 讨论 的 糟糕 的 可 用 性 问题 ， 明 确 告 知 当 前 的 订阅 用 户 可 以 使 用 已 有 的 
账号 登录 这 个 应 用 ， 并 且 还 能 做 到 以 下 几 点 。 

W 清楚 地 表明 了 有 3 种 可 能 的 情形 ， 因 为 对 这 些 使 用 情形 不 再 只 是 上 暗示， 而 是 用 白 纸 黑 字 
加 以 注 明 。 

图 将 按钮 并 列 摆 放 ， 置 于 表单 下 方 ， 让 用 户 不 会 仅仅 选择 第 一 个 选项 而 忽略 另 一 个 。( 图 
3-36 和 图 3-37 展示 了 为 什么 其 他 的 摆 放 方式 都 不 够 好 。) 

m 将 工作 流程 进行 了 简化 ， 消 除了 订阅 和 注册 之 间 的 模糊 之 处 ， 也 减少 了 初始 页 面 中 的 选 
项 数量 。 


all AT&T ~ 


all AT&T M-Cell 全 11:05 AM x 


Back Back orchestra Signup 


图 3-36 ( 左 图 ) Snapguide 的 
iPhone 版 应 用 。 另 一 种 流行 的 登 
录 模 式 是 在 屏幕 项 部 显示 登录 和 注 
册 两 个 标签 页 。 大 多 数 用 户 无 论 有 


First 
没有 账号 都 会 立刻 开始 输入 ， 而 不 
会 注意 到 这 两 个 标签 页 Last 
3-37 ( Æ ) Orchestra 的 S 
iPhone 版 应 用 。 那 些 在 屏幕 项 部 — 


放置 提交 按钮 ( 在 这 里 是 注册 按钮 
"Sign Up" ) 的 表单 起 不 到 正常 — 
的 作用 ， 因 为 这 么 做 不 符合 常规 工 
作 流程 。 当 用 户 填 与 完 表 单 后 ， 他 
们 通常 会 直接 点 击 下 方 的 按钮 ， 而 feats sie ae 
不 会 注意 到 页 面 项 部 的 内 容 the Terms of Service 


Tap to change 


Auto-fill from Address Book 
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我 们 还 改变 了 新 订阅 者 所 看 到 的 价格 显示 方式 ， 以 每 年 103.48 美元 代替 了 每 周 1.99 美元 ， 
因为 顾客 的 信用 卡 在 注册 时 是 按照 年 度 划 走 费 用 的 。 当 顾客 以 为 会 被 收费 2 美元 而 实际 却 是 
103 美元 时 ， 就 会 产生 严重 的 负面 体验 ， 这 很 有 可 能 导致 产生 许多 额外 的 电话 投诉 。 

这 样 一 来 ， 第 二 屏 就 可 以 将 更 多 的 精力 集中 在 诱导 新 用 户 购 买 完全 访问 权限 上 ， 而 不 是 受 
限制 权限 。 比 如 ， 这 一 页 面 可 以 解释 订阅 费用 仪 相当 于 每 周 1.99 美元 或 每 天 33 美 分 (《 华尔街 
日 报 》 每 周 只 出 6 版 )。 在 这 里 ， 精 明 的 做 法 是 进行 一 项 AB 测试 ”， 比 较 一 下 在 第 一 屏 里 按 年 
或 按 周 显示 订阅 费用 所 产生 的 效果 差别 。 

虽然 话 是 这 么 说 ， 但 你 只 有 在 按 周 显示 费用 会 让 转化 率 大 增 的 情形 下 才 应 该 转 而 使 用 这 种 
方式 。 如 果 按 周 显示 的 效果 只 是 略 强 一 些 ， 最 好 还 是 选择 按 年 显示 ， 以 避免 因 对 顾客 使 用 这 种 
诱导 转 癌 法 而 使 品牌 形象 遭受 长 远 的 损害 。 

A/B 测试 的 一 大 缺点 是 它 倾向 于 过 度 地 对 用 户 的 初始 行为 进行 短期 关注 。 如 果 你 只 看 点 击 
量 就 很 容易 忽略 设计 改变 所 带 来 的 长 期 影响 ， 这 也 是 我 们 喜欢 以 定性 测试 作为 补充 的 原因 之 一 ， 
因为 后 者 能 更 多 地 洞察 到 用 户 的 想法 。 

在 开始 的 时 候 ， 我 们 想 要 将 初始 页 面 里 的 “电话 订阅 ”(Call to Subscribe) 链接 去 掉 ( 电话 
联系 信息 绝对 应 该 放 在 “详细 信息 ”页 面 )。 我 们 的 猜测 是 ,《 华尔街 日 报 》 因 为 当前 令 人 困惑 
的 设计 会 接 到 许多 要 求 提供 客户 服务 的 电话 ， 一 旦 我 们 给 现 有 订阅 者 指明 了 使 用 方法 ， 并 去 掉 
了 令 新 订阅 者 困惑 的 价格 描述 ， 电 话 数量 应 当 会 又 减 至 目前 的 几 分 之 一 。( 将 客户 服务 支出 前 减 
至 最 低 是 一 项 关键 的 可 用 性 ROI2 指标 。) 

但 是 ,我们 在 新 设计 中 还 是 保留 了 电话 这 一 形式 。 这 是 基于 以 下 两 个 原因 。 

B 我 们 的 测试 显示 愿意 公开 服务 商 的 电话 号 码 是 一 种 很 强 的 可 信 度 标识 ， 能 够 增加 一 种 设 

计 的 说 服 力 。 

m 其 他 一 些 问 题 ， 比 如 密码 过 期 或 信用 卡 被 拒 ， 也 会 促使 客户 打 来 电话 。 公 司 内 部 呼叫 中 
心 的 统计 会 显示 出 这 一 点 ， 但 我 们 手头 上 没有 数据 。 另 外 ， 我 们 的 移动 用 户 体验 调研 也 
显示 ， 许 多 用 户 并 不 情愿 在 智能 手机 里 输入 信用 卡号 码 ， 因 为 感觉 不 像 在 有 线 连 接 里 那 
么 安全 。 这 点 也 许 将 来 会 有 所 改变 ， 但 目前 来 看 移动 商务 最 好 还 是 能 提供 一 种 替代 性 文 
付 渠 道 。 


3.54 ”一 种 新 的 《华尔街 日 报 》 应 用 工作 流程 
最 初 的 《华尔街 日 报 》 应 用 体验 包含 了 两 种 不 同 的 选择 。 
m 新 订阅 者 还 是 现 有 订阅 者 。 
m 付费 的 完全 访问 权限 还 是 免费 的 受 限 访问 权限 。 


(D A/B 测试 ( A/B test) 是 一 种 在 Web 设计 和 市 场 营销 领域 流行 的 实验 方法 。 实 验 者 将 两 个 存在 某 种 特定 差别 的 相 
似 版 本 提供 给 用 户 ， 观 察 产生 的 效果 差别 以 选择 更 好 的 一 种 。 一 一 译 者 注 

(2? ROI ( Return On Investment， 投 资 回报 率 ) 是 指 通过 投资 而 产生 的 净利 润 与 投资 成 本 之 间 的 比值 ， 用 于 衡量 和 比 
较 各 种 投资 的 效率 。 译 者 注 
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将 这 一 切 都 塞 进 一 个 页 面 是 可 能 的 (如 图 3-38 所 示 ), 但 THE WALL STREET JOURNAL. 
这 会 导致 最 终 UI 对 移动 用 户 而 言 过 于 复杂 且 容 易 出 错 。 com art 

我 们 决定 用 一 种 分 两 步 的 工作 流程 代替 。 首 先 ， 将 新 老 用 
户 做 出 区 分 ; 然后 ， 针 对 两 者 各 目的 具体 情况 提供 两 个 专门 设 
计 过 的 页 面 来 进行 处 理 。 


Your e-mail address 


WSJ.com, Barrons.com, WSJ Mobile Reader accounts 


Not a subscriber? 
@ Register for FREE limited access 
Select articles only 


© New subscribers 
$103/yr + 2 weeks free 


图 3-38 这 = 5 = 种 启 动 页 面 , 为 已 注册 Detailed subscription information 
EH ih Sb ww x ~ 人 RS ESS XVI A 
用 户 提供 快速 通道 ( 我 们 不 推荐 这 一 设计 ， de 
888.555.1212 


因为 它 容 易 让 新 用 户 犯 错 ) 

这 种 分 两 步 的 工作 流程 最 明显 的 缺陷 就 是 用 户 每 次 登录 时 神 必 须 经 过 第 二 屏 。 不 过 ， 这 好 
应 用 属于 低 安全 级 别 ， 应 该 可 以 将 登录 信息 储存 在 手机 中 ， 在 此 后 使 用 时 目 动 登录 。 融 安全 级 
别 的 应 用 ， 比 如 网 上 银行 ， 束 不 能 这 么 做 。 不 过 有 人 偷 了 你 的 手机 后 可 以 免费 阅读 手机 报纸 也 
算 不 上 什么 大 损失 。 

图 3-38 展示 了 另 一 种 工作 流程 设计 ， 让 现 有 的 订阅 者 可 以 百 接 在 第 一 屏 里 登录 ， 从 而 避 开 
第 二 屏 。 我 们 抛 痉 了 这 一 设计 ， 因 为 这 会 给 新 用 户 造 成 太 多 的 可 用 性 问题 。 在 无 数 的 测试 中 我 
们 部 见 到 用 户 被 可 输入 文本 框 所 吸引 。 用 户 的 行动 欲望 太 强 ,许多 人 根本 不 会 阅读 文字 或 考虑 
屏幕 中 所 有 的 选项 ， 就 下 奔 那 些 让 他 们 可 以 “做 点 什么 ”的 地 方 。 

理想 情况 下 ， 下 一 步 是 对 新 设计 进行 用 户 测试 。 你 可 以 用 纸 面 原型 进行 测试 ， 这 梓 就 不 需 
要 在 完成 一 球 新 应 用 之 后 再 测试 新 设计 是 否 解 决 了 现 有 设计 的 可 用 性 问题 。 

用 户 测试 通常 会 揭示 出 一 些 人 额外 的 改进 可 能 ,从 而 形成 一 种 更 好 的 设计 。 对 于 这 一 案例 来 说 ， 
将 这 儿 个 初始 页 面 的 新 设计 公开 发 布 之 后 ,《 华 尔 街 日 报 》 应 用 在 应 用 商店 里 的 评分 应 该 会 在 短 
期 内 得 到 提高 ， 因 此 而 增加 的 下 载 量 和 账户 激活 数 就 足以 支付 重新 设计 所 产生 的 费用 了 。 不 过 ， 
最 主要 的 回报 还 是 来 目 于 不 册 油 您 那些 最 忠实 的 顾客 所 市 来 的 长 期 益处 。 


3.5.5 一 年 后 的 新 版 有 进步 


在 我 们 提出 了 之 前 所 讨论 的 新 设计 建议 之 后 ,《 华 尔 街 日 报 》 发 布 了 自己 的 2012 年 度 新 版 
应 用 。 这 个 新 应 用 甚至 比 我 们 提议 的 还 要 更 好 ， 因 为 这 家 新 闻 媒 体 还 改变 了 应 用 内 的 业务 模型 ， 
而 这 点 我 们 没有 做 过 尝试 ， 只 是 单纯 地 设计 了 几 个 新 页 面 。 

这 是 一 个 古老 的 教训 ， 但 值得 再 次 重复 : 真正 出 色 的 用 户 体验 不 仅 依靠 出 色 的 UL 设计。 整 
体 的 用 户 体验 包括 了 用 户 遇 到 的 所 有 事物 ， 而 你 开展 业务 的 方式 是 其 中 重要 的 一 环 。 很 多 时 候 ， 
业务 模型 对 用 户 体 验 的 影响 是 设计 师 无 法 补救 的 ， 如 果 这 些 设计 师 不 能 够 修改 业务 模型 的 话 。 


A ABH 
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工作 流程 设计 


工作 流程 设计 是 应 用 程 
序 可 用 性 的 一 大 重点 。 错 误 的 
工作 流程 很 容易 让 用 户 感 到 
惑 ， 连 使 他 们 犯错 或 丢失 手头 
的 工作 。 

图 3-39 展 示 了 在 Zapd 应 用 
当中 发 布 图 片 到 Web 这 一 工作 
流程 所 存在 的 问题 。 用 户 选 择 
图 片 之 后 就 可 以 对 其 进行 调 
整 ， 但 如 果 他 们 不 喜欢 最 终 的 
效果 ， 就 必须 返回 并 选择 另 一 
张 图 片 ， 而 不 能 重新 修改 原始 
图 片 。 这 一 工作 流程 应 当 允 许 
用 户 检 查 他 们 的 编辑 成 果 并 进 
行 修 改 。 

在 许多 情况 下 ， 更 紧凑 的 
工作 流程 能 市 领 用 户 更 好 地 实 
现 目标 。 但 在 另 一 些 情 况 下 ， 
最 好 还 是 增加 一 些 步骤 ， 以 确 
保 每 一 步 都 是 功能 集中 和 不 言 
自明 的 。 对 可 用 性 来 说 ， 关 键 
不 是 点 击 的 数量 ,而 是 用 户 遵 
受挫 折 的 程度 和 花费 的 时 间 。 
应 用 内 的 页 面 切 换 不 会 有 任何 
延迟 ， 因 此 通常 更 应 该 通过 增 
Ao Hh KR HR SE E238 
反 ， 正 如 之 前 在 3.3 节 讨论 的 那 
样 ， 移 动 网 站 必须 在 增加 步骤 
方面 更 保守 一 些 ， 因 为 每 增加 
一 步 都 会 因为 目前 尚 不 乐观 的 
TOAQAEGR yt OR SS HY RA mM 
本 。 图 3-40 比 较 了 3 种 上 下 文 环 


uill AT&T M-Cell 全 1:14 PM 
9 
Edit Zap Settings 


Tap to view this Zap online 
http://rbscreenshots.zapd.net?mtc4od 
Privacy passcode: mtc4od 


Test site 


0 Comments 


Swipe to the left to delete 


Tap and hold to pick me up 


Text Photo 


alll AT&T M-Cell © 1:15 PM 


Sp 
Cancel 


(c) (d) 


3-39 Zapd 的 iPhone 版 应 用 。 发 布 图 片 的 工作 流程 存在 缺陷 
(a) 首先 ， 用 户 可 以 轻 触 屏 幕 底部 的 “照片 ” ( Photo ) 按钮 ，(b) 然 
后 可 以 拍 一 张 照 片 或 从 照片 库 里 选择 一 张 ; (c) 接 下 去 可 以 移动 和 缩 
放 这 张 图 片 ，( d ) 后 续 页 面 显示 了 之 前 移动 和 缩放 操作 的 结果 。 如 
果 用 户 对 其 不 满意 并 点 击 了 “取消 ” (Cancel) 按钮 ， 就 必须 重新 拍 
一 张 照 片 ， 或 者 再 次 从 照片 库 里 找到 这 张 图 片 


境 里 的 结账 流程 。 沃 尔 玛 ( Walmart， 见 图 3-40a 至 c ) 要 求 用 户 在 单独 的 页 面 里 分 别 填 写 运 
送 方 式 、 运 送 地 址 和 账单 寄 送 地 址 ， 之 后 还 会 有 第 四 张 页 面 显示 订单 概览 让 用 户 确认 。 
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与 之 相对 的 是 Nordstrom 应 用 ( 图 3-40d ) ， 它 将 这 些 步 又 压缩 到 了 两 个 : 第 一 步 填写 账单 和 
送信 息 ， 第 二 步 则 是 支付 和 订单 概览 。 在 Web 上 ， 完 成 一 张 表单 所 需要 的 步骤 越 少 越 好 。 

在 这 一 过 程 中 ， 用 户 的 输入 体验 有 可 能 在 任何 一 步 被 中 断 ， 额 外 的 页 面 经 常 意味 着 
额外 的 等 待 时 间 。 与 之 相对 ， 像 Zappos( 图 3-40e ) 这 样 的 应 用 就 可 以 把 结账 流程 分 为 多 
屏 ， 让 用 户 在 不 同 的 页 面 里 填写 运送 地 址 和 选择 运送 方式 ， 前 提 是 页 面 之 间 的 过 渡 是 流畅 
的 ， 并 且 应 用 能 够 保存 当前 状态 (也 就 是 说 ， 如 果 用 户 临 时 有 事 离 开 ， 他 们 已 经 输入 的 信 
息 能 够 保留 在 应 用 当中 ) 。 
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图 3-41 展示 了 用 户 在 下 载 新 版 《华尔街 日 报 》 应 用 后 第 一 次 局 动 时 会 看 到 的 3 NER A 

一 个 页 面 显 示 了 一 些 真 实 的 新 闻 ， 让 用 户 相 信 这 的 确 是 一 球 新 闻 媒 体 应 用 。 这 种 将 用 户 直 接 雄 

露 于 应 用 中 有 用 部 分 的 方式 更 好 ， 它 避免 了 在 用 户 还 不 知道 应 用 是 好 是 坏 的 时 候 就 必须 面 对 一 
个 前 置 的 要 求 注册 页 面 。 
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(a) (b) (c) 
图 3-41 (a) 至 (c) 华尔街 日 报 2012 版 的 iPhone 应 用 对 工作 流程 进行 的 修改 : 经 历 了 一 年 的 苦难 ， 
问题 终于 被 修复 了 


第 一 屏 用 了 钥匙 形状 的 图 标 指 代 那 些 “ 锁 定 ” 的 、 只 对 付费 订阅 者 开放 的 文章。 请 注意 有 
些 文章 是 对 所 有 人 都 免费 开放 的 。 在 新 版 应 用 中 ， 用 户 无 须 注 册 束 能 阅读 那些 免费 的 文章 。 这 
就 让 一 键 阅 读 实 际 文 草 内 容 (没有 在 图 中 显示 ) 成 为 了 可 能 ， 因 而 进一步 增加 了 时 效 性 价值 。 
在 阅读 了 儿 篇 免费 文 草 之后， 用 户 应 该 会 相信 这 球 应 用 的 确 包 含 了 真正 的 《华尔街 日 报 》 内 容 ， 
继而 决定 是 否 愿意 成 为 付费 用 户 。 

如 采用 户 点 击 了 一 篇 锁定 的 文章 ， 第 二 屏 会 出 现在 他 们 面前 。 它 包含 了 文 草 的 简短 摘要 和 
一 个 巨大 的 登录 按钮 。 摘 要 能 帮助 用 户 判 断 这 篇 文章 是 否 真 的 值得 花费 额外 精力 去 登录 。 许 多 
应 用 过 于 目 做 ， 不 愿 帮 助 用 户 做 判断 ， 但 这 种 假设 所 有 人 都 迫切 需要 你 的 信息 、 在 对 前 方 有 什 
么 一 无 所 知 的 情况 下 也 愿意 继续 花 灾 精力 的 想法 ， 经 背 只 会 市 来 反作用 。 

然后 , 愿意 登录 的 用 户 将 会 看 到 第 三 屏 , 里 面 清楚 说 明了 如 何 使 用 现 有 账户 进行 登录 。 不 过 ， 
如 果 你 没有 账户 就 可 能 不 太 明 日 该 怎么 做 ,估计 得 访问 网 站 ， 在 那里 付费 。 

新 的 工作 流程 为 两 类 人 群 进行 了 优化 : 有 付费 账户 的 人 和 那些 不 愿意 花 钱 只 想 看 看 能 免费 
获得 多 少 东 西 的 吃 白 食 者 ( freeloader )。 但 是 ， 这 一 设计 对 那些 愿意 付费 但 尚未 成 为 订阅 者 的 人 
来 说 就 不 太 好 用 ,这 算是 一 个 好 设计 吗 ?” 我 们 不 好 判断 ,因为 不 知道 上 述 每 类 人 群 各 上 自 有 和 多少 人 。 
但 《华尔街 日 报 》 的 付费 订阅 者 据 信 主要 是 印刷 版 订阅 用 户 和 坐 在 办 公 室 里 注册 登录 网 站 的 人 ， 
因此 有 理由 相信 这 一 新 设计 会 给 这 家 企业 市 来 非常 好 的 收益 。 

可 以 肯定 的 是 ， 用 户 喜 欢 这 个 新 设计 。 新 版 应 用 在 笠 末 应 用 商店 里 得 到 了 3 颗 半 星 的 评分 ， 
相 比 旧版 可 怜 的 2 颗 星 可 以 算是 巨大 的 进步 了 。 

用 户 们 没有 给 出 更 高 评分 的 原因 主要 是 一 些 人 不 喜欢 里 面 的 广告 ， 这 是 业务 模型 会 影响 用 
户 体验 进而 波及 应 用 商店 评分 的 又 一 个 例子 。 
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我 们 进行 了 许多 次 用 户 调研 ， 观 察 人 们 是 如 何 
ER 
应 用 和 电子 邮件 列表 ( email newsletter )。 无 论 采 用 
哪 种 形式 ， 有 一 种 元 素 是 必 不 可 少 的 : 注意 力 焦点 。 


MR, MUS R27 mtu aA. 但 
下 面 这 一 点 是 移动 内 容 可 用 性 中 最 主要 的 原则 : 4 
你 为 移动 用 户 与 作 时 ， 要 将 他 们 的 注意 力 集中 到 关 
键 的 内 容 上 。 
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加 108%。 当 你 像 透 过 门 颖 一 样 阅读 时 ， 对 内 容 的 理解 力 就 会 降低 ， 这 是 因为 可 见 的 上 下 文 信息 
非常 有 限 。 你 能 看 到 的 越 少 ， 必 须 记 忆 的 就 越 多 ， 而 人 类 的 短期 记忆 力 是 出 了 名 地 不 稳定 。 


4.1 移动 内 容 的 难度 翻 借 


加 拿 大 阿尔 伯 塔 大 学 的 R.I. Singh 和 同事 们 所 做 的 人 研究 表明 ， 在 小 屏 萌 上 阅读 时 ， 理 解 复 末 
AAS AIMEE 

Singh 和 同事 们 进行 了 一 次 完 形 填空 测试 ， 测 试 对 象 是 10 大 流行 网 站 (eBay, Facebook, 
Google, Myspace, Orkut, WindowsLive, 、YouTube 、 和 微软、 雅虎 和 维基 百科 ) 的 隐私 条 款 。 

我 们 简单 分 析 了 一 下 Facebook 的 隐私 条 球 ， 发 现 它 具有 以 下 几 个 特点 。 

图 包含 5789 个 单词 ， 这 是 用 户 访 问 网 页 时 平均 阅读 量 的 35 倍 。 

m 闵 读 难度 达到 美国 13 年 级 学 生 的 阅读 水 平 ， 因 此 只 有 那些 至 少 上 过 一 年 大 学 的 人 才 会 觉 

得 这 上 段 文字 容易 阅读 。 


W 为 Web 阅读 精心 编排 了 版 式 ， 包 括 较 好 地 使 用 了 标题 、 无 序列 表 和 高 完 关 键 词 以 符合 
Web 写作 的 原则 。( 不 过 ， 这 些 原则 也 提倡 在 面向 广大 消费 者 而 非 哈佛 大 学 学 生 时 应 使 用 
短小 的 文本 和 8 年 级 的 阅读 难度 。) 

因此 ,在 任何 情况 下 这 些 隐 私 条 天 都 襄 无 疑问 算是 复杂 的 Web 内 容 。 

在 Singh 的 调研 中 ，50 名 受 试 者 分 别 在 桌面 或 iPhone 大 小 的 屏 医 上 阅读 了 这 些 隐 私 条 款 ， 

并 完成 了 完 形 填空 测试 。 


调研 结果 如 下 : 
B 有 桌面 端 屏 幕 。 理 解 能 力 得 分 是 39.1896. 
W 移动 端 屏 幕 。 理 解 能 力 得 分 是 18.93%。 
文本 的 测试 得 分 必须 至 少 达 到 60% ， 文 本 才能 被 看 作 是 易于 阅读 的 。 即 使 是 在 桌面 屏幕 上 
进行 阅读 ， 用 户 也 只 达到 了 预期 理解 水 平 的 三 分 之 二 ， 这 表明 隐私 条 款 确实 过 于 复杂 了 。 
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完 形 填空 测试 


完 形 填空 是 一 种 常用 的 实践 性 理解 能 力 测试 。 它 的 实施 步骤 
oP Es 
(D) 将 文本 中 的 所 有 第 NN 个 单词 替换 成 空格 ( 即 每 隔 N-1 个 单词 
就 替换 一 个 空格 ) 。 在 一 般 的 测试 里 N=6， 也 可 以 通过 增 大 N 的 值 
ILM IA RAF LEY 9, 
(2) 请 受 试 者 阅读 修改 后 的 文本 ， 并 在 空格 里 填 上 他 们 认为 最 
有 可 能 是 原文 的 单词 ， 且 每 个 人 都 应 当 独 立 完 成 。 
(3) 被 猿 对 的 单词 比例 就 是 最 后 的 得 分 。 因 为 测试 的 是 理解 水 
平 而 不 是 拼写 能 力 ， 所 以 允许 出 现 同义词 和 错别字 。 
如 果 用 户 平 均 能 猜 对 至 少 60% 的 单词 ， 就 可 以 认定 这 段 文 字 对 
于 招募 来 的 属于 特定 用 户 人 群 的 受 试 者 而 言 是 比较 容 男 理解 的 。 可 
读 性 分 数 和 理解 水 平分 数 有 如 下 明显 的 区 别 。 
图 可 读 性 是 文本 的 内 在 属性 ， 可 以 用 于 预测 能 较为 顺利 地 阅 
读 内 容 所 需 的 教育 水 平 。 
W 理解 水 平 是 文本 和 特定 用 户 群 体 的 共有 属性 ， 可 以 表明 目 
标 受 众 是 否 能 真正 理解 材料 的 意思 。 
下 面 这 个 例子 使 用 了 Facebook 隐 私 条 款 中 摘录 的 一 段 文 宁 : 
Site activity information. We keep {1} of some of the actions 
(21 | take on Facebook, such as {13} . connections (includ- 


ing joining a group {4} adding a friend), creating a {5} 


album, sending a gift, poking {6} user, indicating you "like" a 


{7}_ „attending an event, or connecting {8} an application. In 
some cases {9}  aarealso taking an action (10) you provide 
information or content (11) 1 us. For example, if you {12} ___— 
a video, in addition to (13) the actual content you uploaded, 
(14) |  mightlogthefactthat (15) — shared it. 

(答案 在 下 文 。) 

完整 版 文本 ( 即 插 入 空格 之 前 ) 的 评分 是 14 年 级 学 生 的 阅读 水 
平 ， 相 当 于 读 了 两 年 大 学 。 因 此 ， 如 果 你 是 个 典型 的 聪明 且 受 过 大 
学 教育 的 读者 ， 你 多 半 能 够 理解 这 段 文 字 并 完成 完 形 填空 测试 。 不 
过 ， 这 仍然 超过 了 众多 Facebook 年 轻 用 户 所 需 达 到 的 阅读 水 平 。 大 
多 数 青 少年 需要 更 加 浅显 荔 读 的 文本 ， 即 使 是 大 学 生 在 上 网 时 也 偏 
爱 低 于 大 学 水 平 的 文本 ， 所 以 休闲 网 站 不 应 该 有 教科 书 的 感觉 。 


形 填 空 测试 的 答案 ( 不 要 偷 看 ) 


如 果 你 想 试 试 独立 完成 前 面 的 完 形 填空 测试 ， 就 别 偷 看 这 里 的 答案 。 以 下 是 从 示例 段 
落 中 去 掉 的 单词 : 

{1} track {6} another {11} to 

{2} you {7} post {12} share 

{3} adding {8} with {13} storing 


{4} or {9} you {14} we 

{5} photo {10} when {15} you 

你 至 少 猜 对 了 9 个 单词 (对 应 60% ) 吗 ? 如 果 是 ， 你 多 半 能 轻松 地 理解 这 段 完整 的 文 
本 。 如 果 你 的 得 分 较 低 ， 那 并 不 说 明 你 很 条 或 文本 写 得 太 紧 闫 ， eee 你 缺乏 对 
Facebook #7 X 4n iK «TRE. ike, Bia) "JA" (poking) 一 般 来 说 很 容 萄 理解 ， 但 它 在 
Facebook 隐 私 条 款 中 的 意思 是 除 用 户外 的 其 他 人 完全 无 法 理解 的 (这 没什么 ， 因 为 任何 给 
定 的 文本 只 需要 被 目标 受众 理解 就 行 了 ) 。 


为 什么 移动 阅读 富有 挑战 性 


在 完 形 填空 测试 中 ， 用 iPhone 斥 才 的 屏 戎 阅读 的 用 户 的 理解 水 平 得 分 只 有 蝎 面 端的 4896. 
也 就 是 说 ， 在 小 屏幕 中 阅 旋 并 理解 复杂 内 容 的 难度 会 大 致 加 倍 。 
这 是 为 什么 呢 ? 在 这 个 案例 中 ， 人 们 只 阅读 了 一 页 信息 ， 而 且 这 一 页 还 是 作为 调研 的 一 部 
分 展示 给 他 们 的 ， 不 用 他 们 自己 去 找 。 因 此 ， 导 航 障碍 或 其 他 用 户 界面 问题 是 无 法 解释 这 种 难 
度 的 增加 的 。 此 外 ， 用 户 是 在 实验 室 里 接受 测试 的 ， 因 此 不 存在 融 痢 手机 到 处 走动 或 被 噪 首 等 
环境 因素 干扰 的 问题 。( 在 真实 世界 中 ， 这 些 对 用 户 体验 的 干扰 和 破坏 会 进一步 降低 人 们 在 实际 
使 用 环境 下 对 手机 内 容 的 理解 能 力 。) 
所 以 ， 移动 得 分 低 于 加 面 得 分 的 唯一 原因 是 屏 俑 尺寸 ， 因 为 它 是 调研 环境 里 唯一 存在 区 别 
的 因素 。 
屏幕 变 小 会 降低 理解 水 平 ， 这 有 以 下 两 个 原因 。 
B 用 户 在 任何 给 定时 刻 都 只 能 看 到 更 少 的 内 容 。 因 此 ， 当 他 们 试图 理解 在 可 视 区 域 里 未 被 
完全 解释 的 事物 时 ， 就 必须 依赖 高 度 易 错 的 记忆 力 。 更 少 的 上 下 文章 味 着 更 低 的 理解 度 。 
E 用 户 必须 在 页 面 中 更 多 地 进行 移动 。 他 们 不 容易 扫 视 整个 文本 ， 而 需要 滚动 页 面 以 找到 
内 容 的 其 他 相关 部 分 。 
eae 带 来 以 下 3 个 问题 。 
它 需 要 更 多 时 间 ， 因 此 会 降低 记忆 力 。 
B 它 将 注意 力 从 手头 的 问题 转移 到 了 寻找 页 面 内 所 需 部 分 这 一 次 级 任务 上 。 
B 它 导 致 了 新 间 题 的 出 现 ， 即 需要 重新 找到 之 前 的 页 面 位 置 。 
在 图 4-1 里 可 以 看 到 How Stuff Works 应 用 内 的 一 篇 文章 。 这 篇 文章 横路 , JP RGB 
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4-1 How Stuff Works 的 „ill AT&T M-Cell 4G 2:26 PM 4 X =) sil AT&T M-Cell 4G 2:26 PM 7 3 ob 
iPhone 版 应 用 。 (a) 照相 机 各 When you take a picture with a film 
x camera, four basic steps happen in an 
个 部 件 的 结构 图 。 (b) 用 图 中 Holograms and Photographs asant PSP 
的 部 件 解 释 照 相机 是 如 何 工 作 
rc How Cameras Work Basic Mechanism A shutter opens. 
的 。 用 户 必须 返回 查看 结构 图 才 | \ ipa E 
" ight passes through a lens an Its the 
Ab SE 
能 理解 文中 的 解释 photographic emulsion on a piece of film. 
A light-sensitive compound called silver 
halide reacts with the light, recording its 
2 amplitude, or intensity, as it reflects off of the 
scene in front of you. 
ES | The shutter closes. 
You can make lots of changes to this 
process, like how far the shutter opens, 
how much the lens magnifies the scene 
and how much extra light you add to the 
mix. But no matter what changes you 
Related Articles make, the four basic steps are still the 
» How Light Works same. In addition, regardless of 
Se changes to the setup, the resulting 
picture is still simply a recording of the 
» How Kaleidoscopes Work ; ; ; 
(a) (b) 
4-2 Lonely Planet 的 iPhone alll AT&T 4G 
会 国定 显示 文章 的 标题 
版 应 用 会 固定 显示 文章 的 标题 , A Amsterdam 


从 而 减 小 了 实际 屏幕 空间 


Hello Amsterdam 


MIDI VUJ: 


Queen's Day, in April, reigns as the 
world's biggest party-cum-garage sale. 
In summer the Holland Festival, Roots 
Music Festival, Gay Pride Parade and 
many more events take over streets and 
stages. Actually, Amsterdam parties any 
time of year, rain or shine. Pack an 


umbrella, and you're good to go. 


City Life 


BA NBEREA BR ER EZKAE, MURER Pe, PEELE 
充斥 着 不 必要 或 兄 余 的 信息 。 举 个 例子 ，Lonely Planet ( 图 4-2) 选择 将 文章 的 标题 固定 显示 , 
DORR MBA) Y SEN BEEZ Ta], SISA ZR Pa OR BU MEL. BAE E T SV Fa 


82 第 4 章 移动 写作 


是 推 厦 做 法 (“现在 购买 ”按钮 需要 一 下 保持 可 见 ， 因 为 用 户 在 浏览 产品 信息 时 可 能 会 随时 决定 
购买 ， 见 本 草 后 面 的 图 4-11 和 图 4-12 )， 但 对 旅游 指南 信息 来 说 则 完全 没有 必要 。 更 充 唐 的 是 ， 
像 “ 你 好 ， 阿 姆 斯 特 丹 ”( Hello, Amsterdam ) 这 样 的 标题 实在 是 空洞 无 物 。( 为 请 参阅 附录 里 图 
A-1 的 例子 ， 了 解 我 们 是 如 何在 遥远 的 2000 年 发 现 这 一 移动 设计 原则 的 。) 

因为 移动 设备 会 增加 理解 难度 ， 所 以 移动 内 容 必 须 是 易于 阅读 和 扫 视 的 。 应 当 让 内 容 编 辑 
得 下 接 而 简明 ， 并 将 版 式 调整 得 适合 用 户 扫 视 ， 以 取代 了 迁 回 婉转 、 华 而 不 实 的 写作 方式 。 

让 我 们 看 一 些 写作 和 版 式 的 例子 ， 这 些 例 子 有 好 有 坏 。 在 图 4-3 中 ，Teavana 应 用 使 用 了 大 
量 不 必要 的 文字 ， 并 且 版 式 粗糙 ， 问 题 不 少 。 健 康信 息 ( Health Info ) 这 一 段落 缺少 标点 符号 ， 
并 有 之 前 的 FTGOP-2(SPECIAL) 对 用 户 来 说 毫 无 意义 。 

HZ H5, OSHA (图 4-4 ) 应 用 这 种 简明 可 扫 视 的 移动 写作 方式 值得 念 赞 : 紧急 状况 信息 
应 该 注重 快速 阅读 并 且 容 多 理解 ， 图 中 的 无 序列 表 和 关键 词 对 此 起 了 积极 作用 。 不 过 插图 更 像 
是 痛 饰 性 的 ， 用 户 不 太 可 能 依 此 识别 相应 的 症状 。 

4-3 ( 左 图 )  Teavana 的 iPhone mil AT&T 4G 5:11 PM 

版 应 用 : 介绍 茶叶 的 页 面 。 介 绍 的 BlackTeas Assam Gold Ra... y7 
ERREKIE, AAR 
话 都 使 用 了 多 个 从 句 ， 并 且 有 许多 


5 


SHA Heat Safety Tool Cy 


Heat Illness: Signs and Symptoms 


Illness Symptoms 

形容 词 。 男 外 ， 版 式 也 有 问题 | 
Heat stroke — * Red, hot, dry skin or excessive 
First Aid sweating 


4-4 (AR) OSHA & Android 
版 热 防护 工具 (Heat Safety Tool ) 


“Very high body temperature 
* Confusion 
下 * Seizures 
a * Faintin 
Assam Gold Rain Black Tea 3 
Hailing from the finest estates in India's famed ] . 
Assam region, this is the gold standard of smooth Heat . * Cool, moist skin 
malty teas with a red wine finish. Tippy leaves yield a exhaustion * Heavy sweating 
rich coppery cup, plucked fresh from India's high First Aid * Headache 


misty mountains. FTGFOP-2(SPECIAL) - Nausea or vomiting 


Health Info 。 Dizziness 
| Energy-boosting & great morning or afternoon * Light headedness 
teaMay help promote heart healthAs part of a diet * Weakness 


program, may help maintain healthy cardiovascular & * Thirst 


circulatory health systemsBlack tea is frequently + Irritability 
referred to as a 'superfood'Contains 20% of the 
e inae y» * Fast heart beat 


Lus 


Tea Touch 


More Info 


总 的 来 说 ， 无 序列 表 让 信息 更 具 可 扫 视 性 (1 4-5), TE Recalls.gov 应 用 中 (图 4-5a), fi 
息 是 容易 阅读 的 要 点 都 被 加 粗 ,能 吸引 眼球。 而 它 使 用 屏幕 顶部 返回 previous IBIZE next" 
按钮 进行 页 面 导 航 的 方法 就 值得 商 椎 了 ， 因 为 返回 和 前 进 属 于 低 信息 气味 的 标签 。) 不 过 ， 列 表 
项 之 间 的 间 阳 过 大 会 让 页 面 看 上 去 结构 松散 ， 例 如 图 4-5b 里 的 HSN 应 用 。 男 外 ， 无 边框 表格 
这 种 版 式 让 用 户 难 以 将 列表 项 和 描述 一 一 对 应 起 来 。 最 后 ， 第 一 个 蓝 色 句子 下 方 的 品牌 介绍 完 
全 没有 必要 出 现在 移动 端 ， 因 为 它 并 没有 将 焦点 集中 在 产品 的 细 和 上 上。 品牌 信息 更 适合 被 放置 
在 次 级 页 面 中 。 
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4-5 无 序列 表 让 小 小 的 页 面 


Sm i — a 
更 具 可 扫 sy ME. ( a ) Recalls.gov About — Recalls.gov HSN 139-993 
的 Android 版 应 FA; (b) HSN Tips — 
ecalls v . - zB " à 
& Android 版 应 用 B. "Best in Black” Embellished Ponte 
4 previous next» Tiana B. brings you the ultimate in feminine 
NUV tanoam vil mv, pet u a ue oF! my apparel, from flirty after-work dresses to 
and summer. And they are preventable with some boardroom basics and all styles in between. To 


simple childproofing measures such as the 


following: find comfortable fabrics with romantic details, 


you'll be hard-pressed to find a more profound 
e Install window guards to prevent children statement. 
from falling out of windows. 
Tiana B. Best in Black Embellished Ponte Dress 
For windows on the 6th floor and below, 


install window guards that adults and older Details 
children can open easily in case of a fire. 


e If you don't use window guards, install and . . Solid black 
use window stops so that windows open no e Fabrication: ponte knit 
more than 4 inches. 
Whether opening windows from the bottom, . Goldtone 
top, or side, openings should never exceed 4 e Print: beaded 
inches with children present. embellishment 


e Move furniture, including cribs and beds, 
away from windows to discourage children $ Style: Pullover 
from climbing near windows. 


Use extra caution on windows next to 


window seats where children may climb and e Neckline: Round 
play. 
e Sleeves: Cap 
(a) (b) 
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我 们 对 用 户 如 何在 移动 设备 上 进行 阅读 的 研究 显示 出 了 一 种 矛盾 的 现象 。 
B 打发 时 间 是 移动 应 用 的 杀手 铜 。 我 们 从 2000 年 进行 的 第 一 次 移动 可 用 性 调研 开始 就 观察 
到 ， 打 发 时 间 是 移动 设备 的 最 佳 拍档 ， 因 为 它们 在 用 户 无 聊 地 等 竺 时 随时 可 以 使 用 。 最 
受 欢 迎 的 时 间 消 麻 方 式 包 括 八 卦 、 洲 戏 和 体育 。 但 即使 是 一 些 看 上 去 很 严肃 的 任务 ， 比 
如 查看 股市 指数 ， 也 常常 不 过 是 为 一 种 打发 时 间 的 方法 。 用 户 只 是 查看 当前 指数 ， 并 无 
意 进 行 交 易 。 
图 移动 用 户 都 很 人 性， 对 那些 浪费 他 们 时 间 的 蚂 开 网 站 会 表现 出 明显 的 异 怒 。 而 且 因 为 在 小 
小 的 移动 屏 医 上 理解 内 容 要 比 在 更 大 的 和 对面 屏幕 上 难度 加 倍 ， 所 以 那些 字数 过 多 的 内 容 
会 让 用 户 更 加 不 满 。 
人 们 脏 么 会 既 想 打发 时 间 又 在 时 间 被 浪费 时 感到 异 怒 呢 ?” 嗯 ， 后 面 我 们 就 来 解 开 这 个 恋 题 。 
解 谜 的 关键 在 于 认识 到 ， 就 算是 休闲 放松 这 样 的 行为 也 是 市 有 目的 性 的 : 根据 信息 疯 食 理 
论 (参见 第 3 草 附 注 栏 “信息 气味 ”的 内 容 )， 用 户 想 让 目 己 的 成 本 /收益 比 最 高 。 也 就 是 说 ， 
人 们 想 以 最 少 的 交互 成 本 获得 最 多 的 乐趣 。 


4.2.1 填料 = 垃圾 
不 洱 的 是 ， 移 动 问 的 交互 成 本 天 生 就 局 一 些 ， 因 此 移动 内 容 的 焦点 需要 比 加 面 端的 网 站 内 
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容 更 加 集中 。 图 4-6 展示 了 我 们 茶 项 调研 里 的 一 个 典型 例子 。 

一 名 测试 用 户 在 阅读 一 篇 关于 龙卷风 的 “ 突 发 新 闻 ” 文 章 时 发 现 里 面 有 当地 人 的 评论 ， 于 
是 她 说 :“ 我 不 需要 知道 每 个 人 都 在 说 什么 ， 或 者 在 他 们 看 来 这 一 事件 是 怎样 的 。 我 不 介意 里 头 
引用 一 多 当地 领袖 的 言论 ， 但 现在 的 这 些 对 我 来 说 都 只 是 填料 ， 我 不 会 读 的 。 

她 接着 说 :“ 这 就 是 让 我 看 的 突 发 新 闻 ? 这 太 繁 杂 了 。 应 该 这 么 写 : 刚才 发 生 了 什么 什么 事 ， 
现在 的 状况 是 怎么 怎么 样 的 。” 

其 他 一 些 测试 用 户 也 评论 说 ,他 们 不 想 在 手机 上 读 完 新 闻 全 文 ( 特别 是 “填料 ”部 分 的 内 容 )。 
用 户 不 愿 纠 绰 于 额外 或 次 要 的 文学 ， 特 别 是 在 那些 为 快速 信息 消费 而 设计 的 移动 应 用 上 。 他 们 
只 想 了 解 事件 要 点 。 


通常 ， 我 们 会 直接 截取 网 站 或 应 用 的 屏幕 截图 ， 不 过 在 这 个 CNN 人 案例 中 ， 当 我 们 完成 
调研 时 这 篇 文章 已 经 在 应 用 里 消失 了 。 所 以 ， 录 制 高 质 量 的 视频 资料 成 为 一 种 安全 的 备份 
措施 ， 但 在 移动 调研 里 使 用 这 种 方法 比 传统 PC 用 户 测试 要 麻烦 一 些 。 


公平 地 说 ，CNN 在 我 们 测试 之 后 对 应 用 稍稍 做 了 一 些 修 改 。 现 在 的 版 本 在 文章 开头 处 放置 
了 一 段 摘 要 或 者 说 “新 闻 完 点 ”， 增 加 了 文章 的 可 扫 视 性 《图 4-7 )。 虽 然 它 仍然 没有 修复 信息 填 
料 的 问题 , 但 至 少 能 让 用 户 更 容易 找到 文 草 的 要 点 了 。 


4-6 ( ER) 在 调研 参与 
者 手机 上 显示 的 CNN 的 新 闻 
应 用 ， 这 张 照片 是 我 们 在 可 用 
性 调研 中 所 录制 的 视频 资料 中 
的 一 由 
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图 4-7 (AR) CNN 的 新 版 
Android 应 用 ， 新 闻 要 点 以 摘 
要 的 形式 出 现在 文章 的 开头 
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Teams comb wreckage of 
Russian jet 


e Recovery efforts are hampered by high elevation and 
bad weather 


e Rescuers have found 12 bodies so far 


By the CNN Wire Staff 


Jakarta, Indonesia (CNN) — Bad weather hampered 
recovery efforts Friday as rescue teams combed a 


forbidding slope of an Indonesian mountain where a 
Russian jetliner crashed on a demonstration flight 
this week. 
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你 可 能 会 问 : 为 什么 人 们 针对 某 个 话题 获取 了 想 要 的 信息 之 后 不 蕊 上 集 止 阅读 呢 ” 没 错 ， 
用 户 的 确 会 中 断 阅读 ， 也 会 很 快 离开 网 站 ， 但 他 们 仍然 会 不 目 沉 地 被 文字 所 吸引 ， 并 且 时 稼 不 
求 其 解 地 过 度 浏览 。 然 后 ， 他 们 会 感觉 目 己 被 号 弄 了 ， 因 为 花费 了 不 少 宝 员 时 间 却 没有 得 到 足 
We ZY [Al Fhe o 
解决 方法 有 以 下 两 种 。 
B 半 减 无 用 信息 ， 特 别 是 文 曹 作者 在 触及 实际 内 容 之 前 不 可 避免 会 放置 在 页 面 开 头 的 废话 。 
-种 民 好 的 实践 是 直接 将 第 一 段 删除 ， 看 看 离 了 它 页 面 古 否 同样 可 用 。 如 果 是 ， 就 这 人 么 
好 了 ， 别 再 按 撤 销 按钮 了 。 
图 将 背景 材料 移 至 次 级 页 面 ， 只 提供 给 那些 明确 请 求 更 多 信息 的 用 户 。 这 些 和 额外 内 容 适 合 
那些 有 空余 时 间或 对 此 语感 特 别 层 兴趣 的 用 户 。 
当 你 为 移动 用 户 写作 时 ， 请 铭记 这 条 准则 : 有 疑虑 ， 就 别 放 进 去 。 
弃 废 话 文本 
在 许多 Web 页 面 的 顶部 都 能 找到 一 段 留 下 某 些 引导 性 文字 是 合理 的 ， 它 们 
或 几 段 引导 性 的 文字 ， 我 们 称 之 为 废话 文 48 Bhi MM To, ， 从 而 告诉 读者 : 
本 ， 即 用 户 浏览 页 面 时 基本 上 会 跳 过 的 一 
段 文 字 。 他 们 的 眼球 会 直接 定格 在 更 有 用 Ed HERB KENRIENMS 
的 内 容 上 ， 比 如 产品 功能 、 无 序列 表 或 超 面 余 下 部 分 的 内 容 。 即 使 他 们 在 一 开始 就 
文本 链接 。 跳 过 了 它 ， 之 后 也 可 能 会 回来 ， 前 提 是 这 
Jk SIE E TG A ot AR AP ES HME 段 文 字 不 是 又 长 又 密 看 起 来 吓人 的 那 种 。 
用 、 纯 属 填料 的 文字 ,例如 这 样 的 陈 词 小 如 果 能 让 这 些 文字 保持 简短 ， 一 点 点 废话 
调 : “欢迎 访问 我 们 的 网 站 ， ue 还 真有 可 能 起 到 作用 。 所 以 ， 最 好 控制 一 
进 过 的 新 设计 能 给 你 带 来 帮助 。 下 初稿 里 的 宣传 用 语 ， 专 心 回答 以 下 两 个 
要 直击 要 点 ， 不 要 在 欢迎 上 浪费 时 间 。 问题 。 
对 引导 性 段落 努力 编辑 加 工 可 能 算是 E 是 什么 ? (用 户 在 本 页 中 能 找到 些 什 
个 好 建议 ,但 为 什么 不 干脆 把 它们 全 都 去 么 ， 也 就 是 说 ， 页 面 的 功能 是 什么 ?) 
掉 呢 ? 单 是 精简 文字 这 种 解决 方法 看 起 来 图 为 什么 ? (他 们 为 什么 要 关注 ， 也 
力度 不 够 。 就 是 说 ， 对 他 们 有 什么 好 处 ? ) 


42.2 老 词 汇 是 最 好 的 


“说 用 户 能 听 民 的话” 这 条 基本 的 可 用 性 原则 已 经 存在 20 多 年 了 。Web 是 一 种 语言 
这 一 事实 更 凸显 了 使 用 正确 词汇 的 重要 性 。 

此 外 ， 移 动用 户 正 越 来 越 以 搜索 为 中 心 。 人 们 发 现 新 网 站 以 及 在 网 站 或 局 域 网 中 找到 特定 
网 页 所 依 徘 的 就 是 搜索 。 除 非 你 处 于 第 一 张 SERP (search engine results page， 搜 索引 擎 结果 页 ) 
中 ， 否 则 几乎 就 等 同 于 不 存在 。 因 此 ， 在 移动 Web 上 写作 的 目的 就 是 要 能 被 搜索 到 。 
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SEO (搜索 引 敬 优化) 有 许多 组 成 部 分 , 但 首要 的 SEO 原则 却 是 我 们 都 熟悉 的 :“ 说 用 户 
能 听 异 的话 。” 或 者 说 ， 写 作 时 要 使 用 用 户 搜 索 时 爱 用 的 关键 词 。 

温 斯 顿 . 丘吉尔 曾经 说 过 :“ 短 词汇 是 最 好 的 ， 短 的 老 词 江 则 是 万 词 之 王 。” 丘吉尔 谈论 的 
是 如 何 创 作 有 感染 力 的 文章 ,而 不 是 SEO。 但 要 想 被 搜索 到 ,精确 的 词汇 第 第 比 短 词汇 效果 更 好 ， 
因为 后 者 可 能 含义 太 冤 沁 , 不 能 准确 摘 述 用 户 的 问题 。 举 个 例子 , 我 们 的 读者 更 有 可 能 搜索 “可 
用 性 ”而 不 是 “容易 ”。 

但 是 ， 丘 吉尔 所 说 的 老 词 汇 最 棱 却 是 正确 的 。 

老 词 汇 的 无 敌 之 处 在 于 人 们 与 它们 亲密 无 间 。 罗 悉 的 词汇 会 日 动 跃 人 脑海 ， 因 此 用 户 在 把 
他 们 的 问题 徐 化 成 搜索 博 句 时 用 的 很 可 能 就 是 老 词汇 。 典 型 的 搜索 语句 只 会 包含 两 三 个 词 ， 励 
其 是 在 打字 不 便 的 移动 端 中 。 

因为 老 词汇 是 使 用 最 频繁 的 ， 所 以 人 们 会 迅速 地 理解 它们 。 之 前 说 过 ， 用 户 在 移动 端 经 常 
很 匆忙 ， 对 文本 的 理解 也 很 困难 ， 而 使 用 熟悉 又 精确 的 词汇 会 更 快速 地 传达 内 容 要 冒 ， 用 户 也 
可 能 不 再 需要 回溯 文本 的 其 他 部 分 。 图 4-8 展示 了 一 个 充斥 着 经 济 学 术语 、 难 以 阅读 的 文本 (来 
H Labor Stats 应 用 )。 你 可 能 会 反驳 说 这 个 应 用 是 针对 那些 曾经 受过 某 些 经 济 学 教育 的 受众 的 。 
但 如 果真 是 如 此 ,那些 受众 多 半 已 经 相当 熟悉 经 济 学 行 话 了 ,并 不 需要 学 习 “ 萎 动 生 产 率 ”(labor 
productivity ) 的 模糊 定义 (文中 解释 说 它 描 述 了 “成 采 和 萎 动 时 间 的 关系 "， 这 种 关系 的 本 质 是 
什么 ? 是 如 何 计 算 的 ? )， 就 算 其 他 更 准确 一 些 的 定义 他 们 也 没 必要 去 学 。 
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Productivity and Costs 
2012=05=03 T335300 


The Productivity and Costs (PROD2) release 
presents data on labor productivity and unit 
labor costs. Labor productivity describes the 
relationship between output and the labor time 
involved in production. Unit labor costs relate 
total labor costs to total output. This release is 
issued 8 times per year; preliminary and 
revised versions are released for each quarter. 
For more information, visit the Quarterly Labor 
Productivity home page at www.bls.gov/lpc/. 
Productivity declines 0.5% in first quarter 
2012; unit labor costs rise 2.0% Productivity 
declined 0.5 percent in the nonfarm business 
sector in the first quarter 2012: unit labor costs 
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写 过 了 ， 但 由 于 使 用 了 经 济 术语 并 且 缺 乏 版 式 设 计 ， 它 既 难 读 又 难以 理解 
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4.2.3 如何 处 理 移 动 内 容 里 的 署名 


应 当 注 明文 章 或 网 站 中 其 他 内 容 的 作者 ?还 是 让 这 些 材 料 匿名 ， 以 组 织 机 构 的 身份 进行 
发 布 ? 

KREWE, Web 署名 问题 并 没有 统一 的 答案 。 但 仍然 存在 一 些 判 断 标准 ， 其 中 一 部 分 遵循 
之 前 讨论 过 的 移动 写作 原则 一 一 削减 无 用 信息 。 


1. 反对 署名 : 削减 无 用 信息 

去 掉 普 名 的 原因 有 以 下 几 条 。 

W 一 以 贵 之 ， 当 为 在 线 用 途 与 作 〈 特别 是 移动 用 途 M — SEE UU E SCAB TY FG. 
用 户 在 Web 页 面 上 花 的 时 间 非 稼 少 ， 那 些 不 能 市 来 足够 价值 的 信息 应 当 除 去 。 用 户 在 训 
览 员 面 时 平均 每 次 只 会 阅读 大 约 120 个 单词 , 所 以 你 可 能 不 会 希望 “Joe Schmoe X" X 
三 个 词 在 这 些 少 得 可 怜 的 字数 中 占据 一 席 之 地 。 

W 移动 文本 应 当 比 时 面 文本 更 加 精简 。 即 使 下 面 的 茶 些 标准 促使 你 添加 了 著名 信息 ， 你 的 
移动 版 网 站 可 能 还 是 去 掉 它 们 为 好 。 


2. 支持 署名 : 确立 可 信和 度 

署名 信息 在 以 下 一 些 情况 里 也 许 是 值得 添加 的 。 

图 如 果 作 者 是 知名 人 士 ， 甚 至 知名 到 人 们 阅 旋 文章 主要 就 是 想 看 看 他 对 某 些 当前 事件 的 看 
法 。 在 这 种 情况 下 ， 你 应 该 在 包含 这 篇 文章 链接 的 主页 、 搜 索引 擎 结果 页 、 文 章 列 表 或 
微 博 等 页 面 里 统统 加 上 作者 名 。 

请 注意 ， 名 声 ” 并 不 一 定 等 同 于 “名 人 ”。 受 人 和 敬重 的 极 客 们 可 能 在 专业 社区 里 声名 显 赤 ， 
但 99% 的 普通 人 对 他 们 却 一 无 所 知 。 作 者 是 否 知 名 的 判断 标准 是 在 目标 受众 中 的 知名 度 。 

B 如 果 作 者 的 资历 或 地 位 有 助 于 提升 文章 的 可 信和 度 。 经 典 的 例子 是 医生 撰写 关于 某 种 健康 
问题 的 文章 。 在 这 种 情况 下 你 当然 应 该 注 明 该 文章 是 “医学 博士 Joe Schmoe 车”。 

B 如 果 作 者 的 经 验 能 提供 一 些 可 信 度 。 举 个 例子 ， 如 果 你 是 某 个 网 站 的 设计 师 ， 那 么 在 写 
一 篇 讨论 该 网 站 设计 的 文 草 时 应 该 注 明 这 一 点 。 

B 如 果 作 者 经 常 扎 写 菜 一 题材 的 文章 。 常 来 的 读者 可 能 会 认 出 这 名 作者 ， 并 希望 查找 他 写 
的 其 他 文章 。 

B 如 果 文 章 属 于 观点 、 评 论 、 政 论 或 其 他 属于 个 人 意见 的 内 容 。 作 者 署名 在 这 种 情况 下 只 
是 为 了 声明 该 内 容 的 类 型 。 根 据 网 站 的 具体 情况 ， 这样 的 内 容 还 可 能 需要 附带 一 条 免责 
声明 ， 即 这 篇 分 析 不 一 定 代表 网 站 所 属 机 构 的 立场 。 

B 如果 文章 发 表 于 企业 内 网 。 注 明 作 者 可 以 帮助 员工 互相 增进 了 解 ， 从 而 营造 社区 的 氛围 。 

以 下 例子 展示 了 移动 端 作者 署名 的 不 同情 形 ， 其 中 有 好 有 坏 。 新 闻 聚 合 应 用 Zite ( 图 4-9 ) 

正确 使 用 了 署名 以 标示 各 个 文章 的 来 源 。 相 反 ， 在 文 曹 列表 中 为 作者 署名 则 是 错误 的 ， 就 像 周 
4-10a 里 的 ProPublica 应 用 那样 。 屏 幕 里 的 黄金 地 段 应 当 放 置 更 重要 的 信息 。《 华 盛 顿 邮 报 》 的 
应 用 〈 图 4-10b ) 将 作者 信息 列 在 了 文章 页 的 标题 下 方 。 虽 然 放 在 这 里 比 放 在 标题 列表 页 要 好 一 
些 , 但 署名 依然 占据 了 宝 叶 的 空间 。 除 非 《 华 盛 顿 邮 报 》 有 理由 相信 作者 已 经 知名 到 人 们 会 去 
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寻找 他 的 文 草 ， 否 则 这 些 空间 最 好 还 是 留 给 内 容 。( 页 面 项 部 通常 能 获得 最 多 的 用 户 注 意 力 ， 应 
该 专门 用 于 放置 关键 内 容 。) 如 果 作 者 并 不 出 名 却 必须 被 署名 ， 不 妨 将 名 字 附 在 文章 末尾 ， 就 像 
图 4-10c 展示 的 CNN Money 应 用 一 样 。 


作者 介绍 的 注意 事项 


通常 ， 一 段 简短 的 作者 介绍 属于 次 
级 内 容 ， 应 当 放 在 单独 的 页 面 中 。 如 果 某 
位 作者 虽然 资历 较 深 、 经 验 丰 富 ， 但 光 赁 
名 字 不 足以 起 到 增加 可 信 度 的 效果 ， 那 就 
应 该 在 页 面 顶部 增加 一 行 他 的 介绍 摘要 ， 
以 鼓励 用 户 阅读 这 篇 文章 。 比 如 ， 可 以 在 
一 篇 关于 儿童 囊肿 性 纤维 化 的 文章 中 加 入 
“多 伦 多 儿童 医院 圳 肿 性 纤维 化 中 心 主任 
Joe Schmoe 博 士 著 ”， 

更 长 的 作者 介绍 一 般 都 应 该 移 到 次 级 
页 面 ， 并 在 文中 作者 姓名 处 加 上 对 应 的 链 
接 。 但是， 不 要 将 作者 姓名 链接 到 电子 邮 
箱 ， 这 有 以 下 两 个 原因 。 


作 方式 ， 弹 出 电子 邮件 时 用 户 的 注 
意 力 会 被 干扰 。 
图 用 户 通 常 更 愿意 阅读 作者 介绍 ， 
而 不 是 联系 作者 。 如 果 合 适 的 话 ， 
你 可 以 将 联系 信息 附 在 介绍 页 的 
底部 。 
作者 介绍 应 当 包 括 一 张 照片 ， 至 少 是 
在 所 提供 的 单独 介绍 页 上 。 这 张 照片 可 以 
是 标准 的 头 部 特写 ， 也 可 以 是 在 作者 从 事 
与 文章 内 容 相 关 活 动 时 拍摄 的 照片 ， 比 如 
农夫 撰写 有 关 农 活 的 文章 时 ， 可 以 放 一 张 
他 坐 在 拖拉 机 上 的 照片 。 
另外 ， 介 绍 还 应 当 包 括 网 站 里 该 作者 


其 他 文章 的 链接 ， 除 非 是 个 人 博客 ， 或 者 
其 他 只 有 该 作者 本 人 作品 的 网 站 。 


B 用 户 点 击 姓 名 链接 时 期 待 的 是 弹出 
一 个 新 页 面 ， 这 是 Web 链 接 正 常 的 工 
uil. AT&T 4G 12:28 PM 


hion Gadgets Techn 


Why I'll Never Buy 
Another Used Game 
(And Why You 
Shouldn't, Either) 
SlashGear 

1 hour ago 


Apple's Biogas Fuel Cell Plant 
Could Go Live By June 


Wired Magazine 
1 hour ago 


Secret Service confirms credit 
card hack investigation 


SlashGear 
2 hours ago 


Anonymous is not taking down 
the Internet today 


zdnet.com 
2 hours ago 


awe 
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TOP STORIES 5of20 yr 


PROPUBLICA e 


Home | Projects | MuckReads | About Caps come out firing, force 
Game 7 


By Katie Carrera 
Wednesday, May 09, 2012 | 7:29PM 


company's corporate unit. Before that 
announcement, a net gain of $200 
million was forecast for the unit. 


Dimon told analysts that the losing 
trades were the result of "sloppiness" 
and "bad judgment,” but he shrugged 
off a question about whether other 
banks were affected. 


The Washington Capitals have 
found their identity this spring 
in being able to respond to 
tough losses and adversity with 
aplomb. On Wednesday night, 
facing elimination against the 
top-seeded New York Rangers, they came 
through with arguably their most dominant 
TSA Reveals Passenger performance of the en 


Complaints ... Four Years 


Enlarge Photo 
" 
M 


"Just because we're stupid doesn't 
mean everyone else was," said Dimon 
on the call. 

Washington put forth a relentless display en 


Later route to a 2-1 win over the Rangers in Game 6 By Aaron Smith Fri, 11 May 2012 04:28:18 PDT 
by Michael Grabell at Verizon Center to even this Eastern 

ProPublica, May 4, 9:05 a.m. Conference semifinal series at three games Share 

It took the Transportation Security apiece. The decisive Game 7 will be Saturday 

Administration nearly four years to at 7:30 p.m. at Madison Square Garden in New Related 

respond to our public records request for York. 


JPMorgan faces backlash over ties to 


Sudan 
wrt 
vil T 


EM How Does the FDA Monitor Markets Watchlist 


(a) (b) (c) 


El4-10 ”作者 署名 在 移动 端 不 是 必需 的 : (a) ProPublica 的 网 站 ( propublica.org) ; (b) 《华盛顿 邮 报 》 的 Android 
HRA FA; (c) CNN Money &% Android 版 应 用 


passenger complaints against the agency. 


Alex Ovechkin and Jason Chimera each scored 
a goal, the latter of which gave the Capitals 


Ej Recommend Tweet {| Email thair firct turn_onal load of tho corioc midway 
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我 们 在 目 己 进行 的 移动 可 用 性 调研 中 发 现 ， 用 户 在 使 用 移动 设备 时 一 般 是 很 匆忙 的 ， 除 非 
当 他 处 于 等 待 状态 、 只 想 消 麻 时 间 的 时 候 。 一 般 绝 大 多 数 任务 都 是 目标 驱动 型 的 ， 而 人 们 在 使 
用 移动 设备 时 往往 只 有 很 少 的 时 间 完 成 这 些 任务 。 举 个 例子 ， 你 用 手机 查收 电子 邮件 时 ， 阅 读 
菏 封 邮 件 所 花 的 时 间 通 第 比 在 家 或 办 公 室 里 少 。 

我 们 从 1997 年 起 就 知道 Web 写作 最 好 是 简短 一 些 。 移 动 环境 强化 了 这 一 点 ， 并 将 它 推 到 
了 极 至 。 普 通 的 短文 在 移动 疾 还 是 太 长 ， 超 级 短 的 短文 才 是 今 时 今日 的 主 等 。 

那么 ， 如 何 才 能 婚 保 持 超 级 简短 又 提供 人 们 需要 的 信息 呢 ? 答案 是 将 次 级 信息 转移 到 次 级 
页 面 里 去 。 用 户 看 到 的 第 一 屏 内 容 应 当 极 力 以 最 少 的 信息 传达 最 主要 的 观点 。 
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折扣 优惠 券 是 一 种 完美 的 移动 服务 ， 因 为 它 高 度 依赖 时 间 和 地 点 : 限时 抢购 会 市 来 一 种 急 
迫 的 感 党 ， 因 为 人 们 想 在 商品 卖 光 之 前 了 解 优 惠 状 的 详细 内 容 。 类 似 地 ， 人 们 也 可 能 会 对 出 门 
在 外 ( 即 离 开 了 时 面 电脑 ) 时 碰 到 的 商店 和 产品 的 优惠 券 感 兴 趣 。 

图 4-11 展示 了 一 张 Groupon 的 团购 优惠 券 在 Android 手机 里 是 什么 样子 。 
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图 4-11 Groupon 移动 版 的 团购 优惠 页 . SO BHO Q, acy 12:35 pm 
(a) MMR, (b) 细节 页 面 。 在 第 
一 屏 中 选择 “查看 这 文 项 优惠 的 更 多 信息 ” 


e Breakfast, lunch & dinner 
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See the rules that apply to all deals and cheeses to offer customers a 


flavorful cornucopia of deli delights. 


THE COMP IPANY : : 
Manage morning pangs while 


Big Top Deli expressing infatuation with sparsely 
70 Maine St. used letters by ordering a Zazel, which 
Brunswick, Maine 04011 fuses an egg with provolone, prosciutto, 
//www.bigtopdeli.com/ and roasted red peppers ($4). Afternoon 
cravings are toppled with a variety of 
More about this deal © both cold and hot sandwiches, ranging 


from classic turkey clubs ($7.25) to the 


(a) (b) 


ARH] E, AAR a AT BAA BOAR. TT, 2A vL EE 36 8s 
POPES FAP RULE PAM EN JAR, MARES Rs E 8 BE HUC LE AR IK 

Groupon 在 我 们 的 移动 可 用 性 调研 中 表现 不 错 。 后 来 它 对 设计 稍稍 做 了 一 些 调整 ， 于 是 
现在 “查看 这 项 优惠 ae " (More about this deal) 中 的 内 容 出 现在 了 同一 页 面 上 (图 
4-12 )。 它 保持 了 页 面 项 部 整洁 的 信息 结构 。 这 一 新 设计 仍然 是 分 层 的 ， 但 它 将 细节 信息 放 在 了 
同一 页 面 的 底部 ， RRR AE pet 

Groupon HJ e PXT F LivingSocial 则 表现 很 差 ， 见 图 4-13。 
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activate by expiration date on your Groupon, 10- 
class option expires 6 weeks from first class, Back livingsocial Refresh 
20-class option expires 12 weeks from first 
class. Classes must be used by the same 
person. Must bring mat and bath towel for 


classes. Organically Grown 

See the rules that apply to all deals $20 (Pay $10) or $32 (Pay 
cp $15) to Spend on Organic 
iis UNIFANT Apparel 

98point6 Yoga 


1147 S de Anza Blvd. 
San Jose, California 95129 


http://98point6yoga.com/ 


408-800-7009 © 
E ABOUT THIS DEA = buy now! 
Nude regular practice yoga to stay | 


limber, modulate their breathing, and control 


z Ea S their crippling fear of being eaten by the moon. 50% 10 6 days 
4-12 ( 左 图 ) TE 新 版 的 G roupon 应 Eee Rabite of SSMO Eddie with this p n: purchased SS 
用 中 , "E 看 这 x Ipl 优惠 FH 的 更 多 信 HR" 包 Groupon. If thinking about carbon dioxide emissions and 
ve Nu Choose Between Two Options pesticides has you feeling blue or listening to global 
cà 的 所 有 文字 T 出 现在 f 人 HR P warming naysayers has you seeing red, Organically 


Grown is here to help you go green without going 
broke. Get in on today's deal for $20 to spend on 
100% organic cotton goods for only $10, or get $32 
to spend for just $15. You'll be tickled pink by the 
online selection of apparel, like infant onesies and 
athletic wear to keep you organic on the go, all the 
while Lnawing that the hich auality warlker friendly | 


e $25 for 10 hot-yoga classes (up to a $130 


Buy Now! ©) 


图 4-13 ( 右 图 ) LivingSocial 的 移动 版 
团购 优惠 范例 
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LivingSocial 违反 了 好 几 条 移动 可 用 性 原则 。 虽 然 可 爱 的 婴儿 总 是 会 让 人 心情 愉悦 ， 但 在 移 
动用 户 界 面 里 使 用 无 关 的 图 库 照 片 只 会 把 重要 的 信息 挤 出 小 屏幕 。 这 样 的 页 面 布 局 和 写作 方式 
让 人 很 难 弄 明白 自己 在 屎 什么。 而 赁 者 我 们 对 移动 用 户 的 了 解 ， 他 们 最 显 铸 的 特点 就 是 忙 ， 通 
党 没有 时 间 仔 细 寻 找 信息 。 

( 公平 而 言 ，LivingSocial 里 的 “现在 购买 ”按钮 确实 遵守 了 让 移动 屏 医 更 容易 触 控 的 原则 ， 
这 个 按钮 很 大 、 很 清晰 ， 周 围 也 没有 什么 容易 让 用 户 误 触 的 界面 元 系 。) 

以 下 是 我 们 的 两 名 调研 参与 者 对 这 两 种 呈现 折扣 优惠 信息 的 方式 的 评论 。 

E 一 名 用 户 评论 LivingSocial 说 :“ 它 看 起 来 更 像 是 网 站 上 的 表现 方式 ， 没 有 对 手机 进行 过 

优化 。 如 果 它 出 现在 我 的 电脑 上 ， 那 我 可 以 接受 。 这 名 用 户 同 时 对 Groupon 应 用 做 了 评 
论 :“ 一 开始 出 现 的 是 一 个 快速 版 本 。 有 一 些 选 项 可 以 让 你 看 到 更 多 信息 ， 但 里 面 并 不 是 
那 种 长 篇 大 论 。 既 然 这 是 个 手机 ， 当 然 不 应 该 让 信息 罕 满 屏 厅 。” 

WB 另 一 名 用 户 对 Groupon 的 评论 是 :“ 我 喜欢 这 种 超级 快速 的 无 序列 表 版 式 。 对 

LivingSocial 的 评论 则 是 :“ 你 谈 完 全 文才 能 知道 里 面包 括 了 哪些 东西 。 
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维基 百科 一 直 以 来 都 有 两 个 特点 : 大 量 的 超 文 本 链接 和 详尽 的 内 容 ， 以 此 告诉 你 所 有 事物 
的 各 种 细节 。 维 基 百 科 还 一 直 是 粳 糕 写作 的 代名词 ， 因 为 志愿 者 往往 对 一 个 主题 真正 重要 的 方 
面 缺 乏 洞 见 ， 导 致 没有 能 力 解决 文章 中 各 种 信息 鱼龙混杂 的 问题 。 

因为 这 种 传统 已 经 延续 了 十 多 年 ， 所 以 当 我 们 在 调研 里 发 现 维基 百科 的 信息 排序 得 分 并 不 
低 时 , 还 是 小 小 地 吃 了 一 惊 。 图 4-14 展示 了 用 户 在 手机 上 第 一 次 看 到 一 篇 文章 时 是 什么 样子 的 。 


will AT&T M-Cell © 1:18 PM 4 X =| | wil AT&T M-Cell © 1:18 PM 1 X = 
Ww Type your search here... QJ AaS: Huang ama Shines: XN. 
simplified Chinese: 13/8; Pinyin: Huang 
Shihou; 山 Wade-Giles: Huang Shih-Hou) is an 
American biologist specialized in microbiology and 
virology. She is Senior Faculty Associate in Biology 


Alice S. Huang 


Alice S. Huang 
22 March 1939 at the California Institute of Technology, 2! and 

Born Nanchang, China served as President of AAAS during the 2010-2011 
Nationality United States term [3] 
Fields Microbiology 

University of Massachusetts Biography 

m Amherst 

Institutions 


Johns Hopkins University 
Keck Graduate Institute 


Awards and Associate vV 
Mosi Wellesley College 
Johns Hopkins University 
Known for Reverse transcriptase References Vv 
Notable Eli Lilly Award in Immunology and 
图 4-14 维基 百科 的 移动 版 sauia Microbiology (1977) 
- f n Alice C. Evans Award (2001) iki in TM V 
( m.wikipedia.org ) : (a) JJ pene " 
始 的 文章 界面 ; (b) 滚动 页 面 — = 
后 可 见 的 信息 


(a) (b) 
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这 一 设计 将 用 户 的 注意 力 集中 在 文章 的 要 点 上 ， 推 迟 了 次 要 信息 的 显示 。 这 个 页 面 在 开始 
处 以 表格 的 形式 展示 了 主要 的 人 物 情况 ， 紧 接着 是 一 小 段 有 关 Dr Huang 的 文字 和 包含 了 更 多 细 
节 的 折 麦 版 块 。 当 然 ， 这 只 不 过 是 潮 进 式 暴露 的 一 个 案例 ， 这 一 概念 在 人 机 交互 领域 已 经 存在 
{RAT (Ub 3.1.1 PREE AERE ITZ). TE Web 写作 的 时 代 ， 这 一 古老 的 设计 原则 
再 次 焕发 了 新 的 生命 。 

显示 次 级 信息 的 框架 要 比 将 它 堆积 到 线性 的 可 滚动 页 面 里 有 效 得 多 。 比 如 说 ， 用 户 能 立即 
看 到 有 一 节 是 介绍 获奖 情况 (awards) 的 。 如 果 他 们 关心 此 人 的 获奖 情况 ， 就 可 以 展开 这 一 节 ， 
而 无 须 长 途 践 涉 穿 过 长 长 的 个 人 传记 (biography ) 部 分 。 

以 下 是 我 们 的 一 些 测试 用 户 对 移动 版 维基 百科 的 评论 。 

国 “ 它 给 了 我 一 种 类 似 于 框架 的 东西 。 它 顶部 有 个 目录 ， 给 你 的 是 标题 而 不 是 所 有 的 内 容 。 

所 以 你 知道 文章 里 有 这 么 一 些 主题 ， 想 看 哪 方面 就 可 以 去 哪里 。” 
国 “ 比 起 显示 所 有 内 容 ， 我 更 喜欢 这 种 隐藏 内 容 的 方式 。 我 可 以 打开 传记 部 分 而 不 会 看 到 所 
有 的 参考 文献 ， 我 很 喜欢 这 一 点 。” 

当然 ， 这 篇 文章 也 带 有 维基 百科 标志 性 的 强迫 症 风 格 ， 即 包括 了 一 些 显 然 不 是 为 移动 端 撰 
写 的 材料 。 页 面 项 部 表格 里 的 一 些 信 息 可 能 没 那 么 重要 ,比如 Dr. Huang 是 在 哪里 求学 的 。 而 且 ， 
用 户 感 兴 趣 的 可 能 是 如 何 理 解 Dr. Huang 所 取得 的 科学 成 果 ， 所 以 介绍 她 的 名 字 在 汉语 拼音 和 韦 
氏 拼 音 里 的 拼 法 连 次 级 信息 都 算 不 上 ， 最 多 算 三 级 信息 。 并 且 ， 这 一 信息 在 移动 端 应 该 被 放置 
到 次 级 层 页 面 中 。 


43.3 推迟 信息 显示 = 初始 信息 + 阅读 更 多 


将 大 多 数 信息 推迟 至 次 级 页 面 显示 是 个 艰难 的 决定 ， 因 为 这 样 一 来 许多 用 户 永 远 不 会 看 到 
它们 了 了 ， 哪 但 你 仍然 坚信 它们 是 非常 重要 的 。 

但 是 ,请 记 住 ， 如 果 让 第 一 屏 变 得 太 胱 肿 ， 就 没有 人 会 阅读 其 中 的 任何 内 容 。 更 好 的 方式 
是 让 初始 屏幕 紧凑 一 些 ， 让 那些 特别 有 兴趣 的 用 户 上 自己 去 发 掘 其 余 的 内 容 。 这 样 ， 就 能 让 更 多 
客户 满意 ， 得 到 更 多 流量 ， 从 而 让 你 的 移动 内 容 产 生 更 多 的 商业 价值 。 

图 4-15 展示 了 平 采 公司 设计 的 恨 好 的 信息 分 层 方式 。 在 主页 中 ， 软 件 升级 信息 显示 得 非常 
简略， 少数 有 兴趣 了 解 更 多 细节 的 用 户 可 以 通过 点 击 “ 了 人 解 更 多 ”链接 在 次 级 页 面 里 看 到 额外 
的 内 容 。( 不 过 ,“ 了 人 解 更 多 ”这 一 用 词 不 够 理想 ， 因 为 它 不 带 有 和 多少 信 息 气 味 。 但 它 却 是 屏 系 
当中 最 醒目 的 元 素 之 一 。) 

新 闻 网 站 通常 也 有 良好 的 信息 分 层 ( 图 4-16 )。 许 多 用 户 通过 快速 扫 视 标题 页 里 的 文 草 摘 要 
就 能 获得 所 需 信息 ， 而 无 需 阅 读 整 篇 文章。 基于 这 个 原因 ， 一 段 完 整 的 、 抓 住 了 文章 主 旨 的 “ 真 
正 ” 的 摘要 (IAI 4-16a 展示 的 《华尔街 日 报 》 应 用 这 样 ) 要 胜 过 句子 碎片 〈 像 图 4-16b 展示 的 
《今日 美国 》 这 样 ) 或 者 简单 照抄 文章 开头 的 一 句 话 。 

不 过 ， 有 些 企业 过 度 诠 释 了 信息 分 屋 ， 以 至 于 所 有 的 用 户 要 想 找到 任何 信息 都 必须 进入 次 
级 页 面 。 图 4-17 中 的 两 个 例子 ( WebMD 和 Net-a-porter ) 就 是 如 此 ， 它 们 在 第 一 屏 里 几乎 不 显 
示 任 何 有 用 信息 ， 迫 使 用 户 再 次 轻 触 屏 幕 才 能 看 到 相关 细 克 。 
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4-15 ÆR iPhone 的 软件 升 xil AT&T M-Cell 会 10:56 AM m] „ill AT&T M-Cell & 10:56 AM m] 


级 界面 (a ) 主页 ; (b ) APR. General | Software Update ‘Software Update About this Update 
信息 是 分 层 显 示 的 


This update contains improvements and bug fixes, 


iOS 5.1.1 | including: 


Apple Inc. e Improves reliability of using HDR option for 
一 一 photos taken using the Lock Screen shortcut 
Less than 1 minute remaining e Addresses bugs that could prevent the new iPad 
from switching between 2G and 3G networks 
This update contains improvements and bug fixes. e Fixes bugs that affected AirPlay video playback 


in some circumstances 
e Improved reliability for syncing Safari bookmarks 


and Reading List 
| Learn More > e Fixes an issue where ‘Unable to purchase’ alert 
Tr SUESZUZEENZE sui could be displayed after successful purchase 
For information on the security content of this update, 


Downloading ses please visit this website: 
—————— http: rt.apple.com/kb/HT1222 


(a) (b) 


图 4-16 ”标题 列表 页 里 的 文章 
摘要 是 内 容 分 层 的 一 个 例子 。 © mobile2.wsj.com/device/ 全 

化 尔 街 ME —— 
(a) CERE HR) 的 网 站 THE WALL STREET JOURNAL. 
(m.wsj.com); (b) 《今日 


Set My Edition: US | Asia | Europe TODAY. Headlines 


" . z 
美国 》 的 Android 版 应 用 What Are 9 i ews 
You Worth? Robert Half 
News Top Stories 
ae Bill Walton regrets not helping Junior FA 
The basketball Hall of Famer says he "failed" i 


his good friend and... 


BREAKING NEWS: ; à : 
Zimmerman arraigned in Trayvon 
Martin case 
George Zimmerman's plea of not guilty to 


second-degree murder in... 


Headlines 


$ 


Government watchdog blasts the FAA over air safety 


Job Numbers Dent Stocks The government's special counsel Tuesday urged greater 
Energy and technology stocks led declines after oversight of air safety after investigating a... 

the U.S. labor report cooled expectations about 

U.S. growth. Obama, GOP battle over 'to do’ lists 


President Obama and congressional 


U.S. Jobs Data Add to Fears of Slow Spring Republicans are... 
Job growth slowed in April and more people 
dropped out of the work force, a fresh sign of a 
sluggish spring. 


to NFL 


1:37 PM New Orleans Saints interim coach 
Get Me Wardrobe Joe Vitt says... 


(a) (b) 


在 WebMD 应 用 中 (图 4-17a 和 b)， 关 于 药物 的 主要 信息 类 别 是 容易 扫 视 到 的 ,但 这 个 页 
面 可 能 过 于 结构 化 了 。 更 好 的 方式 可 以 是 在 各 个 不 同 的 版 块 (uses 和 side effects 等 ) 下 面 放置 
一 段 人 简短 的 摘要 ， 让 用 户 能 够 快速 了 解 个 大 概 ， 然 后 在 有 和 需要 时 才 展 开 更 多 内 容 。 当 用 户 点 击 
任意 一 个 版 块 后 ( 见 b 图 )， 他 们 进入 的 页 面 儿 乎 没有 为 移动 端 做 过 版 式 调整 ， 缺 少 无 序列 表 让 
这 个 页 面 难 以 扫 视 。 


Saints' Vitt: | never told Hargrove to lie Poe 
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Net-a-porter (图 4-17c 至 d) 同样 要 求 用 户 f 
了 图 像 , 其 他 所 有 的 相关 细 市 都 被 移 到 了 次 级 页 面 。 其 实 
只 有 大 多 数 用 户 才 需要 的 信息 才 应 该 链接 到 次 级 页 面 、 比如 “我 的 尺寸 是 多 


和 大 多 数 人 有 关 的 最 重要 内 容 需 要 出 现在 第 


送 往 次 级 页 面 。 


图 4-17 信息 以 版 块 的 形式 进行 组 
织 : (a) 和 (b) WebMD 的 iPhone 
版 应 用 ; (c) fü(d) Net-a-porter 
的 Android 版 应 用 。 这 两 个 应 用 在 主 


页 上 显示 的 信息 都 太 少 


mill AT&T 4G 


WebMD 


Back Drugs & Treatments [2 


WebMD ta 


ne Your Child's Rash 
Find Out > 


‘= sit Serious? 
(a) 


NET-A-PORTER 


ALEXANDER MCQUEEN 


Ce) 


6:27 PM (=) 


Aricept Oral & 

DONEPEZIL - ORAL 

(doh-NEP-eh-zil) 

Brand Name(s): Aricept 
Uses > 
Side Effects > 
Precautions > 
Interactions > 
Overdose > 
Images © > 


到 某 个 产品 的 信息 。 产品 主页 只 显示 
这 些 信息 都 应 该 在 主页 里 清楚 显示 出 来 ， 


少 ”( What size am I ), 


一 屏 ， 并 以 可 扫 视 和 简洁 的 版 式 呈 现 ， 而 不 应 该 被 


alll AT&T 4G 6:27 PM [ } 


WebMD 


Back Uses [^ 


Donepezil is used to treat confusion (dementia) 
related to Alzheimer's disease. It does not cure 
Alzheimer's disease, but it may improve 
memory, awareness, and the ability to function. 
This medication is an enzyme blocker that 
works by restoring the balance of natural 
substances (neurotransmitters) in the brain. 


How to Use 


Read the Patient Information Leaflet if available 
from your pharmacist before you start taking 
donepezil and each time you get a refill. If you 
have any questions, ask your doctor or 
pharmacist. 


Take this medication by mouth with or without 
food as directed by your doctor, usually once 
daily just before bedtime. If you experience 


(b) 


NET-A-PORTER 


ALEXANDER MCQUEEN 


EMBELLISHED CRINKLED-ORGANZA DRESS 


EDITORS NOTES ul 


DETAILS T 


SIZE & FIT 


WHAT SIZE AM I? 


MORE BY ALEXANDER MCQUEEN 


MORE IN DRESSES 


(d) 
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迷你 信息 架构 ( mini-information architecture ) 的 定义 很 简单 ， 即 组 织 某 一 主题 的 相关 信息 
的 方式 。 比 如 ， 一 封 电子 邮件 的 迷你 信息 架构 就 是 一 个 单独 的 页 面 。 

当 某 个 事物 只 用 一 页 就 足以 描述 时 ,我们 通常 不 认为 这 种 呈现 方式 算是 “信息 架构 ”。 不 过 ， 
坚持 单一 页 面 的 版 式 这 个 决定 本 身 却 属于 信息 织 构 的 范畴 。 

通常 ,将 信息 分 组 呈现 要 优 于 使 用 过 长 的 线性 信息 流 ， 图 4-18 展示 的 那样 就 不 理想 。 之 后 ， 
就 可 以 将 这 些 分 组 横路 知 干 页 进行 显示 ,或 者 使 用 页 面 内 的 导航 系统 ,比如 标签 或 版 块 进 行 切换 。 


4.4.1 线性 分 页 通常 不 可 取 


让 我 们 先 排 除 一 种 虽然 流行 但 几乎 可 以 肯定 会 危害 可 用 性 的 迷你 信息 架构 :如 采 你 有 一 篇 
KX, IARRI 4-19 里 的 NBC 这 样 将 其 简单 切 成 一 系列 线性 页 面 儿 乎 不 会 市 来 好 的 效果 。 如 
果 “ 继 续 ”( Continue ) 或 “下 一 页 ”(Next page) 链接 是 页 面 里 仪 有 的 导航 ， 那 么 一 般 来 说 最 
好 还 是 把 它们 做 成 一 页 ， 依 徘 深 动 而 不 是 翻 页 来 显示 全 部 内 容 。 否 则 的 话 ， 用 户 不 仪 每 半分 钟 
左右 就 要 等 竺 加 载 新 的 一 页 ， 而 且 假 如 他 们 在 看 完 剧 情 梗概 后 想 回 到 剧 集 列 表 ， 就 必须 得 襄 击 
12 CDI V i FR TERMI; 


4-18 ( 左 图 ) Ted 视频 的 iPhone mail AT&T M-Cell 会 3:34 PM - $ Æ| | wil AT&T 4G 5:06 PM $m 
版 应 用 。 所 有 104 个 可 供 观 看 的 视 
频 以 一 张 长 列表 的 形式 呈现 。 使 用 


ala 


vA TiTa ~ BEES ex 
-~———_— - T =e --- 


一 种 将 这 些 视 频 按 主题 进行 分 组 的 TED: Renny Gleeson: 404, the story... 

Ny Ab 和 人 人 、 May 11, 2012 8:08 AM - Oops! Nobody wants to see the404: > 

迷你 信 息 架 构 可 HE Zx 更 有 帮 助 Page Not Found. But as Renny Gleeson shows us, while he ru... 
TED: Joshua Foer: Feats of memory... As they discuss possibly starting a family, Liz and 
May 10, 2012 8:00 AM - There are people who can quickly > 


Criss realize their gender roles are backward: 
she's the breadwinner and he's a stay-at-home 


memorize lists of thousands of numbers, the order of all the ca... 


4-19 ( A 图 ) NBC 的 移动 网 站 TED: JP Rangaswami: Information... N wife. At the office, Liz asks Jenna how she and 
" x May 8, 2012 9:16 AM - How do we consume data? At Paul manage their gender-reversed roles. Jenna 
` = 
( m. nbc.com ) 将 EIJ i H TR 概 分 zi] 成 TED@SXSWi, technologist JP Rangaswami muses on our relat... loves being asked and explains that Paul keeps 
C= -一 一 " H - ns - . H . . H 
多 个 页 面 ， 页 只 显示 一 张 图 片 和 TED: Michael Tilson Thomas: Music... the house looking nice while she tries to get him 
— May 7, 2012 7:59 AM - In this epic overview, Michael Tilson > pregnant. Jenna counsels Liz to embrace wearing 
— FR MF Thomas traces the development of classical music through th... the pants in the family, even if she can't really pull 
them off because of her hips. 


TED: Rory Sutherland: Perspective... 


May 4, 2012 8:07 AM - The circumstances of our lives may 
matter less than how we see them, says Rory Sutherland. At... 


TED: Gary Kovacs: Tracking the tra... 


May 3, 2012 8:00 AM - As you surf the Web, information is being > 
collected about you. Web tracking is not 100% evil -- personal... 


. = 
Videos 


(这 里 存在 的 例外 情形 是 那些 为 iPad 等 平板 电脑 或 者 电子 书 阅 读 融 应 用 所 准备 的 内 容 ， 因 
为 它们 文 持 用 快速 滑动 手势 这 种 通用 命令 进行 翻 页 。 还 有 那些 预先 载 人 的 内 容 也 是 例外 ， 因 为 
它们 不 会 因 切 换 页 面 而 导致 俘 顿 。 忆 外， 书籍 通 利 不 是 一 次 就 能 谈 完 的 ， 将 它们 分 割 成 多 页 能 
让 用 户 轻 松 记 住 目 己 所 在 的 位 置 ， 否 则 ,试想 一 下 你 如 何 才 能 深 动 全 书 找到 第 11 章 中 的 第 三 段 
AT ay 


«Previous 2of12 Next> 
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在 许多 情况 下 ， 最 好 的 蔡 代 方式 是 将 信息 分 解 成 单独 的 内 容 组 件 ， 并 注重 它们 之 间 的 逻辑 
关联 。 然 后 ， 就 可 以 据 此 描述 各 个 组 件 ， 让 用 户 根据 自己 的 需求 直接 导航 进入 相应 的 组 件 。( 请 
注意 ,“ 第 2/12 页 ”这 种 形式 并 不 具备 描述 性 ， 也 没 说 清楚 当前 矶 的 内 容 。) 

(对 于 向 导 式 交互 而 言 ， 例 如 电子 商务 的 结账 过 程 ， 线 性 的 翻 页 流程 通常 是 较 好 的 选择 。 
为 虽然 每 一 步 都 有 逻辑 上 的 关联 ， 但 它们 是 属于 同一 个 应 用 程序 的 工作 流程 ， 所 以 你 未 完成 第 
二 步 是 不 能 前 往 第 三 步 的 。) 


4.4.2 ”避免 按 字 母 顺序 排列 


为 一 种 经 第 钻 错误 使 用 的 流行 迷你 信息 架构 是 按 字 母 顺 序 进行 排列 。 将 一 列 项 目 以 字母 顺 
序 进行 排序 有 两 大 好 处 。 

W 如 朵 用 户 知 道 所 知事 物 的 名 称 ， 通 党 能 很 快 在 列表 里 找到 它 。 

m 刁 惰 的 设计 小 组 不 用 费力 去 寻找 一 种 更 好 的 组 织 方 法 。 因 为 ABC 每 个 人 都 知道 ， 所 以 任 

何人 都 能 正确 排列 物品 。 

第 一 点 是 真正 的 好 人 处， 而 且 按 字母 顺序 排列 在 一 些 情 况 下 也 有 着 不 错 的 效果 。 举 个 例子 ， 
从 一 份 按 字 母 顺序 排列 的 美国 50 州 列表 里 选 出 一 个 州 通 当 是 很 容易 的 。 确 实 ， 在 这 种 情况 下 按 
字母 顺序 排列 比 其 他 的 方式 (比如 将 州 按 地 区 分 组 或 在 地 图 上 显示 ) 更 有 用 ， 至 少 在 用 户 只 需 
点 击 一 个 州 (通常 是 他 们 所 在 的 州 ) 以 进入 显示 该 州 相关 信息 的 页 面 时 是 如 此 。 

( 按 字 母 顺 序 显示 州 名 仪 适用 于 人 们 知 要 从 采 单 里 选择 其 中 一 个 用 于 导航 或 运行 命令 的 时 
IRo 如 采用 户 需 要 指定 的 州 名 是 他 们 地 址 的 一 部 分 ,比如 在 电子 商务 网 站 的 结账 表单 里 填写 州 名 ， 
那么 更 好 的 方法 是 提供 一 个 文本 框 ， 让 人 们 输入 州 名 的 两 个 字母 缩写 。 这 更 快 、 更 不 容易 出 错 ， 
而 且 用 户 无 需 在 仪 操 半 个 手机 屏 才 的 、 小 小 的 下 拉 列 表 框 里 进行 长 时 间 的 滚动 ， 就 像 图 4-20 所 
展示 的 这 样 。) 


„iil AT&T M-Cell 全 6:19 PM 7 um 


FIND A STORE A 


V Select 


Alabama 
图 4-20 Macy 的 iPhone 版 应 用 。 从 
下 拉 列 表 框 里 选择 一 个 州 的 效率 很 低 
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国家 名 或 其 他 选项 已 知 的 问题 经 党 可 以 通过 字母 顺序 排列 法 予以 解决 。 不 过 ， 必 须 确保 用 
户 确切 地 知道 他 们 所 选择 的 名 称 。 如 果 人 们 不 得 不 在 列表 里 东 看 西 看 ，A-Z 排序 法 就 失去 了 它 
的 意义 。 

对 于 大 多 数 问题 而 言 则 存在 以 下 两 种 情况 。 

B 用 户 不 知道 他 们 想 要 找 的 事物 的 名 称 ， 这 使 得 A-Z 排序 法 起 不 到 作用 。 

图 项 目 目 对 的 内 在 人 逻辑 需要 男 外 一 种 排序 方法 ， 而 A-Z 排序 法 掩盖 了 这 种 逻辑 ， 于 是 造成 

了 直接 的 损害 。 

矿 才 大 小 属于 有 序数 据 ， 意 思 是 说 它们 天 生 就 市 有 一 种 单调 增加 的 顺序 。 这 样 的 项 目 几 乎 
总 是 应 该 以 此 进行 排序 。 

而 在 男 外 一 些 情况 下 ,项 目 有 痢 属 于 不 同 领域 的 逻辑 分 组 。 你 经 党 可 以 通过 卡片 分 类 测试 
找到 其 内 在 的 逻辑 关系 ， 方 法 是 请 用 户 将 相互 关联 的 项 目 归 人 一 组 。 

2s fill, Epicurious 是 一 于 允许 用 户 搜索 和 保存 食谱 的 应 用 (图 4-21), RES YKe 
保存 的 食谱 列表 可 以 按照 字母 顺序 或 者 最 近 添 加 的 顺序 显示 。 对 于 一 份 较 长 的 食谱 列表 而 言 ， 
则 两 者 都 不 太 人 合适。 在 按照 字母 顺序 排列 时 ， 食 谱 名 罕 的 头 一 个 单词 (比如 Balsamic roasted 
vegetables 里 的 Balsamic ) 经 背 并 不 能 指 代 这 一 食谱 ， 而 用 户 也 不 太 可 能 记得 他 们 是 在 何 时 第 一 
次 将 菏 个 食谱 加 入 列表 的 ， 除 非 是 最 近 保 存 的 食谱 。( 证 事情 更 精 的 是 ，Epicurious 应 用 的 采 说 
箱 里 没有 搜索 功能 ， 这 让 人 们 很 难 对 大 量 的 食谱 进行 管理 。) 如 果 有 一 种 能 将 食谱 按照 不 同类 别 
( 鱼 类 、 肉 类 和 甜点 等 ) 进行 分 组 的 迷你 信息 染 构 ， 就 会 有 帮助 得 多 。 

4-21 (AM) Epicurious 的 iPhone «ill AT&T M-Cell 4G 2:55 PM util AT&T M-Cell 4G 2:39 PM 4 
版 应 用 。 最 喜爱 食谱 的 列表 可 以 按照 字 O My Recipe Box Geography howstuffworks 

母 顺序 或 者 最 近 添 加 的 顺序 进行 排列 ， 
但 对 于 一 份 较 长 的 食谱 列表 而 言 两 者 都 


从 s 
不 大 合适 Baked Red Trout Fillets with 
Parsley Pesto 


Articles 


Flanders 
RA Flanders is an interesting part of the 
~ geography of Europe. Learn more 
about Flanders at HowStuffWorks. 


The Black Forest 
fl The Black Forest is an arboreal 
es mountain range in southwestern 
Germany borderded by the Rhine... 


Balsamic Roasted Vegetables 


4-22 (A) How Stuff Works 的 4 


iPhone 版 应 用 。 这 里 按照 字母 顺序 进行 

Galloway 

iEn 

排列 出 现 T 错 TA: 把 Antwerp 归 T G pen Galloway is an area in southwestern 
Scotland comprised of the former 
counties of Wigtown and Kirkcud... 


> 


Geography of Antwerp 
EX The geography of Antwerp 
—— enhances the natural beauty and 
majesty of Europe. Learn more ab... 


-A 
B 
S 
E 
F 
G 
K 
L 
M 
Oo 
P 
Q 
R 
S 
T 
V 
w 
Z 


> 


Geography of Bruges 
RA The aeoaraphv of Bruaes enhances 


时 间 线 和 地 理 位 置 是 男 外 两 种 常用 的 分 组 方式 ， 不 过 有 了 时候 它 们 也 会 出 问题 ， 如 图 4-22 中 
的 例子 所 示 。 列 表 中 的 条 目 是 地 理 位 置 ， 但 编辑 者 对 于 字母 顺序 有 看 目 己 的 理解 ， 他 们 将 The 
Black Forest ( ELK) 归于 E， 佑 计 是 依据 Forest， 而 将 Antwerp (安特卫普 ) BFG, 依据 
Geography of Antwerp。 用 户 很 难 猜 得 到 这 种 分 类 方法 。 事 实 上 ， 当 他 们 搜索 Antwerp 时 很 可 能 
会 停 在 A 上 ， 心 里 想 寿 它 在 这 个 “按照 字母 顺序 排列 ”的 列表 里 应 该 不 会 出 现在 别 的 位 置 上 。 
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你 可 以 依照 重要 程度 或 者 使 用 频率 来 对 长 列表 进行 优先 级 排序 ， 不 应 该 默认 使 用 不 太 好 用 
的 字母 顺序 排序 法 。 

根据 信息 本 质 的 不 同 ， 还 可 以 使 用 其 他 组 织 结构 以 提升 可 用 性 。 而 且 在 少数 情况 下 甚至 可 
以 就 是 字母 顺序 。 但 是 一 般 来 说 ， 如 果 想 要 使 用 A-Z 排序 法 ， 还 是 应 该 多 长 一 个 心眼 ， 找 找 有 
没有 更 好 的 办 法 。 


44.3 3560]: 关联 使 用 习惯 的 结构 


要 了 解 关 联 使 用 习惯 的 结构 ， 请 看 图 4.23。 这 两 个 例子 展示 了 移动 健身 应 用 显示 锻炼 方法 
言 息 所 使 用 的 不 同 结构 。 

图 4-23a 为 全 臣 撑 的 锻炼 方法 设计 了 可 用 的 迷你 信息 染 构 ， 它 将 所 有 的 锻炼 方法 放 入 一 张 
由 多 到 难 排序 的 列表 里 。 相 反 ,图 4-23b 则 按照 字母 顺序 排列 了 练习 方式 。 正 如 前 一 他 讨论 过 的 ， 
JOB T Xe RIBUS o 

Full Fitness 应 用 的 屏 希 截图 ( 图 4-23b) 只 显示 了 完整 列表 的 一 部 分 ， GLa T ERHI ED 
(incline push-up )、 修 改版 俯 目 撑 ( modified push-up ) 和 传统 傅 忠 择 。 如 打 你 想 选 一 种 比 之 前 更 
具 挑 战 性 的 锻炼 方法 ， 应 该 如 何 选 择 ? “修改 版 ”是 更 容易 还 是 更 难 了 ? 


4-23 PAR iPhone 版 应 用 各 RES m AT&T 二 6:08 PM 99% [Ea 
自 的 锻炼 方法 列表 : (a) You (=) Variations © f Back Chest Exercises 
Are Your Own Gym; (b ) Full 


A incline pushup > 


Fitness Kneeson ~ 
ground 

r? kettlebell pushup > 
A kettlebell renegade row > 

M s reconeer. y machine chest flye > 

i elevated y y 
& machine chest press > 
“sf modified pushup > 

( Default > 

ij parallel bar dip > 
"=? pushup > 


Feet elevated > 


(a) (b) 


“HEED he” —d]2 TCE [Dn] HUBURCE ER ERVARE AERA, TIE 
是 什么 。“ 上 和 斜面 ”一 词 更 好 一 些 , 但 还 是 不 如 You Are Your Own Gym 应 用 所 使 用 的 “双手 抬 高 ” 
(hands elevated ) 标注 清楚 下 日 。 要 是 让 你 立刻 回答 “上 和 儿 面 作 目 撑 和 下 冬 面 作 目 撑 的 区 别 是 什 
么 ”， 我 敢 打 财 你 不 会 像 猜 测 “ 双 手 抬 高 ”和 “ 双 脚 抬 高 ”那样 迅速 反应 或 者 猜 对 答案 。 人 简单 的 
词汇 往往 是 最 好 的 。( 如 果 你 是 为 专业 的 有 党 众 写 作 ， 那 么 也 可 以 不 还 循 “尽量 使 用 简单 词汇 ”这 
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一 原则 。 人 但是， 资深 的 健身 爱好 者 是 绝对 不 需要 查询 该 如 何 做 上 和 斜面 价 卧 撑 的 ， 即 使 他 们 愿意 
这 么 称呼 这 种 锻炼 方法 。) 

Full Fitness 应 用 的 设计 者 肯定 能 从 本 划 内 容 中 受益 。 不 过 ,话说 回来 ， 他 们 应 用 的 主要 问 
题 还 是 在 结构 方面 。 即 使 完善 了 标注 ，Full Fitness 当前 设计 的 可 用 性 还 是 要 低 于 You Are Your 
Own Gym 的 方案 ， 因 为 后 者 认识 到 需要 根据 对 各 种 俯卧 反方 式 来 说 最 有 意义 的 排列 方式 ， 为 这 
WO 75 14s RODA Y T À ERRARE] 〈 此 处 是 指 随 春 你 力量 的 增强 ， 难 度 也 越 来 越 高 )。 

除 此 之 外 ， 两 亚 应 用 都 使 用 了 缩 略 图 以 进一步 摘 述 这 些 锻 炬 方法 ， 并 帮助 用 户 判断 该 如 
何 选择 。 不 过 ， 两 者 都 存在 一 些 可 用 性 问题 。 除 了 “中 等 难度 ”(moderate ) 外 ，You Are Your 
Own Gym 所 使 用 照片 的 背景 细 方 都 过 于 复杂 ， 使 得 这 些小 尺寸 照片 不 易 理 解 。Full Fitness 的 照 
片 则 更 干净 一 些 ,， 虽然 比 Own Gym 的 照片 要 小 得 多 ， 但 两 者 的 直观 程度 不 分 上 上下。 我们 通 稼 
不 赞成 使 用 微小 的 缩 略 图 , 但 Full Fitness 使 用 的 大 多 数 图 像 ( 除了 两 张 机 蕴 锯 炼 的 ) HU IH AE. 
A AVE AAA ITE E 0 

AK e E ARA 23 MI i DZ Teavana 应 用 (图 4-24 ), Teavana 将 茶叶 按 种 类 进行 分 
2H: HŽ (white), 2*Z& (green), 57EZ& (oolong) 和 红茶 (black )。 有 趣 的 是 ，Teavana 使 用 
的 迷你 信息 架构 和 You Are Your Own Gym ( UL) 4-23a ) 的 略微 不 同 :前 者 日 身 没 有 独立 的 页 面 ， 
而 是 以 固定 不 变 的 条 状 区 域 形 式 显示 在 茶叶 列表 的 项 部 ， 即 当 用 户 深 动 屏 妆 浏 览 茶叶 列表 时 也 
不 会 消失 。 这 种 方法 牺牲 了 一 些 屏 幕 空间 ， 但 能 让 用 户 更 有 效率 地 切换 茶叶 种 类 。 不 过 那些 缩 
略图 既 太 小 又 没有 必要 ， 不 太 可 能 会 有 人 能 根据 这 样 的 图 片 辨 认 或 选择 人 茶叶， 也 许 任 何 图 片 都 
不 能 。 


ody + Mind White... yc 


Chateau Blanc Whit... , 4 
Wor IW o Te: » 


| Earl Grey White Tea yk 


| 
Frutto Bianco Pearls... 


Golden Mojito White... 


4-24 Teavana 的 iPhone 版 应 用 。Teavana 的 茶叶 列表 使 用 了 
适当 的 迷你 信息 架构 ， 顶 部 显示 4 种 茶叶 类 别 的 面板 是 固定 的 
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4.4.4 由 使 用 习惯 驱动 的 结构 


关于 某 一 主题 有 大 量 信 息 时 ， 可 以 使 用 以 下 3 种 方式 呈现 。 

图 长 长 的 一 页 。 一 整 张 页 面 是 种 简单 的 选择 ,但 它 让 用 户 难 以 找到 单独 的 子 主题 。 这 种 方 
ALA AT eS | ACA Peer, AAT AS I aE EBT EE ( 许多 用 户 到 
不 了 这 地 步 就 会 放弃 )。 

图 迷你 信息 架构 。 迷 你 信息 染 构 有 助 于 将 信息 分 割 成 恰当 的 区 块 。 这 让 用 户 能 够 耳 接 找到 
目 己 感 兴趣 的 子 主题 。 而 且 ， 相 比 无 穷 无 尽 的 滚动 ， 他 们 对 整体 的 概念 空间 也 能 有 更 好 
的 理解 。 

B 分 布 式 信息 。 分 布 式 信息 是 指 将 许多 主题 的 子 主题 混合 在 一 起 ， 比 如 Full Fitness 的 胸 
部 锯 炼 版 块 ( Chest Exercises， 见 图 4-23b ) 承包 括 了 俯卧 撑 练 习 和 弹力 绳 健身 机 (〈 cable 
machine ) 练习 等 。 

在 本 昔 ， 我 们 论证 了 第 二 种 方式 往往 能 够 提升 可 用 性 。 不 过 ， 迷 你 信息 织 构 仅 适 用 于 一 种 

情况 ， 即 你 能 够 将 分 割 后 的 信息 空间 按照 顺应 用 户 思维 模型 和 所 做 任务 的 方式 进行 组 织 。 

FH Web 诞 生 以 来 ,内 部 封闭 这 种 组 织 方 式 一 下 是 最 不 受用 户 欢 迎 的 设计 误区 之 一 ,举例 来 说 ， 
我 们 通过 对 企业 内 网 信息 架构 的 持续 人 研究 发 现 ， 一 旦 用 基于 任务 的 信息 架构 替换 基于 部 门 的 信 
息 架 构 ， 使 用 率 和 员工 生产 力 都 会 有 大 幅 的 提升 。 

迷你 信息 架构 的 问题 也 是 如 此 。 如 果 它 是 按照 你 的 内 部 组 织 结构 图 或 者 其 他 与 客户 期 望 的 
信息 获取 方式 不 符 的 方式 进行 组 织 的 ， 那 么 它 不 会 给 你 齐 来 任何 大助。 但 是 ， 如 有 果 你 对 迷你 信 
县 架构 敞开 怀抱 ， 明 确 一 个 基于 使 用 习惯 的 结构 方案 ， 并 以 它 为 基础 去 设计 清晰 而 适度 的 导航 
系统 ， 那 么 它 可 能 就 会 是 效果 最 佳 的 方案 。 


从 智能 手机 到 平板 电脑 的 转变 看 起 来 似乎 是 一 
小 步 ， 只 是 屏幕 尺寸 有 了 变化 。 虽 然 许 多 针对 智能 
手机 的 设计 建议 对 平板 电脑 仍然 有 效 ， 但 是 尺寸 的 
差异 还 是 带 来 了 使 用 习惯 以 及 设计 上 的 区 别 。 本 章 
将 探究 iPad 和 Kindle Fire 的 可 用 性 ， 这 两 者 分 别 是 
大 屏幕 平板 电脑 和 中 等 尺寸 平板 电脑 最 重要 的 代表 。 
我 们 还 将 简单 讨论 Kindle Fire 的 上 一 代 产 品 : 电子 


书 阅读 器 Kindle。 
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5.1 iPad 的 可 用 性 


“ 它 看 起 米 像 个 巨型 的 iPhone.” 这 是 我 们 请 用 户 测试 iPad 时 他 们 说 的 第 一 句 话 。( 他 们 的 
第 二 句 是 什么 ? “E, CER! C) 

不 过 ， 从 交互 设计 的 角度 看 ，iPad 版 的 UI 不 应 该 只 是 iPhone 版 UI 的 扩大 版 。 图 5-1 展 
示 了 一 于 名 为 Alfred 的 应 用 ， 它 会 了 解 你 对 和 餐馆 的 偏好 ， 并 回 你 推荐 新 的 去 处 。Alfred 应 用 在 
iPad 和 iPhone 里 的 界面 是 一 样 的 。 这 是 个 人 简单 的 解决 方案 ,但 我 们 并 不 推荐 这 么 做 ， 因 为 它 在 
iPhone 版 界面 上 显得 拥挤 ， 而 在 iPad 版 的 界面 上 却 浪费 了 可 用 的 屏幕 空间 。 

iPad 不 仪 屏 雄 更 大 ， 同 样 重要 的 是 ， 它 的 使 用 环境 也 是 不 同 的 。 我 们 听 到 很 多 人 说 iPad 并 
不 意味 着 移动 ， 但 事实 上 ， 这 种 说 法 也 对 也 不 对 。 人 们 可 能 会 随身 沉着 iPad， 却 不 会 期 待 它 像 
智能 手机 那样 具备 快速 的 反应 能 


7:12 PM 
Quick Picks 


ui. AT&T M-Cell 全 10:23 PM 


Ideas Quick Pic... Filter 


Because | thought you 
might like a surprise. 


Because you like: Casa 
Lupe Number 2 


90% liked 1.4 miles from here 
of 41 people in Sunnyvale, CA 


Peacock Lounge 


Drinks 


74% liked 2.0 miles from here 
of 175 people in Palo Alto, CA 


Rudy's Pub 
Bar 


5-1 Alfred 应 用 在 iPad 和 iPhone 里 的 
界面 是 一 样 的 ， (a ) iPhone 版 ，(b ) iPad 版 
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iPad 和 iPhone 的 一 大 区 别 是 ， 普 通 网 站 在 大 尺寸 平板 电脑 上 表现 较 好 ( 图 5-2 )。 完 整 版 网 
站 里 的 文本 在 iPad 上 有 着 不 错 的 可 读 性 ， 不 过 一 些 元 素 可 能 尺寸 太 小 难以 触 控 。 如 果 用 户 不 需 
要 完成 复杂 的 任务 ， 只 是 阅读 和 观看 图 片 或 视频 的 话 ， 还 是 比较 容易 操作 的 。 相 反 ， 移 动 版 网 
站 在 iPad 上 显得 稀 稀 落落 且 内 容 贫乏 ， 不 如 完整 版 网 站 那样 更 好 地 利用 了 空间 。 男 一 方面 ， 我 
们 的 iPhone 可 用 性 调研 显示 ， 用 户 对 应 用 的 偏爱 远 远 胜 于 完整 的 Web， 因 为 在 小 屏 旨 上 浏览 
多 数 网 站 实在 太 过 痛 兰 。( 移动 优化 网 站 绥 解 了 这 个 难题 , 但 它们 的 可 用 性 通常 还 是 要 低 于 应 用 ， 
FEJL 2.3 节 中 的 讨论 。) 

不 过 ， 相 比 iPad 自身 并 不 密集 和 高 度 受 控 的 环境 ，iPad 上 的 大 多 数 Web 页 面 还 是 提供 了 过 
于 丰富 的 使 用 体验 。 当 某 款 iPad 应 用 突然 将 用 户 传送 至 Web 时 ， 这 一 转变 可 能 让 人 不 太 适 应 。 


11:19 AM 20% ES} iPad 4 11:19 AM 


Search Buy.com 


Earn Cash Back On 


Every Purchase! Rakuten Super Points 


© 


how they work 


T c i ^ s Points? 
ELECTRONICS mE jo MSOok Pro 

MD313LL/A 13.3" LED 

P Notebook Today's Deals = 

Y 一 一 一- Free shipping while supplies last. 

一 - b visit store 


What's Shakin Sy 
Products with the highest change in sales rank over 24 hours. j 


$1,116.22* 
Datavis 
visit 


Blowouts on Electronic 


Summer 


para e" Weekly Deals 
Always find a best buy on sale items. TO 
> vat o 
IPADS, HDTVS, APPARI SPORTING GOODS AND MORE 
GIFT IDEAS FUR TOUR Miu UR DAL 
PROTECT. CONTROL & COOL pew, Peete 
(a) (b) 


5-2 iPad 里 显示 的 Buy.com 网 站 : (a) 完整 版 (b) 移动 版 


而 且 ， 所 有 触摸 屏 上 常见 的 “ 胖 手指 ”问题 必定 仍然 存在 ,就 是 说 用 户 很 难 准 确 地 触 控 屏 
fe BA) ICR. iPad 中 存在 着 一 种 阅读 和 触 控 间 的 非 对 称 性 ， 即 满足 阅读 要 求 的 是 够 大 的 文字 
对 于 触 控 而 言 还 是 太 小 。 因 此 ， 我 们 强烈 建议 任何 想 要 吸引 众多 iPad 用 户 的 Web 页 面 都 采用 大 
尺寸 的 触 控 区 域 。 

我 们 的 确 见 过 一 些 在 平板 电脑 上 工作 良好 的 Web 页 面 ， 这 是 因为 它们 有 着 更 大 的 可 触 控 区 
域 。 举 个 例子 ， 维 珍 美 国 的 航班 预订 页 面 ( 图 5-3) 让 用 户 可 以 轻 触 期 望 起 飞 时 间 所 在 的 整个 单 
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元 格 内 的 任何 位 置 ， 而 不 仅 是 小 得 多 的 单 选 按钮 甚或 是 边 上 的 文字 说 明 区 域 。 那 些 元 素 在 iPad 
上 工作 良好 。( 但是， 该 公司 网 站 里 不 是 所 有 的 页 面 都 对 iPad 友好 ， 其 中 的 一 些 元 素 ， 比 如 以 
美元 “U.S. dollars” 还 是 以 积分 “Elevate Points” 显 示 费 用 的 单 选 切换 按钮 还 是 太 小 了 。) 


图 5-3 维 珍 美 国 的 网 站 
( virginamerica.com ) : 预 
订 页 面 的 表格 里 有 着 大 而 整 
齐 的 可 触 控 元 素 ， 要 求 用 户 
选择 具体 航班 


iPad ^ 12:24 PM 4% [ P 
«| CO [P |virginamerica.com/flightSearch.do © |( Bing ) 
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2 Returning 
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Flight 908 View Seats 
03:15pm SFO Depart Not Available (_) $242 Not Available ( ) $251 Not Available Not Available 
04:45 PM LAS Arrive 


Flight 910 View Seats 
04:20 pm SFO Depart Not Available Q $242 Not Available Not Available Not Available Not Available 
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light 918 View Seats 
06:30 pm SFO Depart Not Available Q) $242 © $225 © $251 O $270 © $514 
08:00 r^ LAS Arrive 


Flight 1916 View Seats 
09:00»« SFODepat (© $226 () $242 © $225 © $251 ©) $270 ©) $514 
10:30 Pm LAS Arrive 


Fares and availability are not guaranteed until purchase. 
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从 至 少 10 En aR, ET TRISTE P fI DES IE PU HIS — EAR ETE ABI. TEASE 
常见 的 词语 便 是 “复杂 ”。 与 之 相对 ， 许 多 iPad 应 用 给 人 的 第 一 印象 则 是 “优美 ”( 图 5-4). dm 
aX HJ iPad 有 着 更 高 的 分 辩 率 (所谓 “ 视 网 膜 ” 屏 大 )， 带 来 了 更 加 震撼 的 视觉 体验 。 小 尺寸 、 
难以 分 辩 的 图 片 不 能 充分 发 挥 iPad 展示 精美 图 片 的 天 生 才 能 ， 对 比 一 下 图 5-5a 里 低 质量 的 缩 略 
图 和 图 5-5b 里 大 而 清晰 的 图 片 ， 就 能 体会 这 一 点 。 
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5-4 《化 学 元 素 》 本 是 一 本 
消 遗 看 的 科普 书 ， 做 成 了 iPad 应 
用 ， 用 户 经 常 惊慌 于 里 面 精美 的 
图 片 


174pm Face Centered 
Cubic 


D [Xe]6s 4/4 5d" 
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19.3 g/cc 


1064.18°C 
1947.52°F 


2856°C 
5173°F 


2.54 


0.000000060% 
0.00000010% 
0.00000031% 
5.0 x10^*« 
0.000010% 


11:31 AM 


iPad > 7:22 PM 
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Blazers & Jackets EVERYTHING ¥ 


Bob Mackie's Zip Front Ric Rac E Quacker Factory Pearly Floral Embel. 
Embroidered Jacket Zip Front Man. Col.Jacket 


D» 
} Featured Price: $54.98 


Wk www (2 Reviews) 


Linea by Louis Dell'Olio Button Front : : 
u^ Jacket w/Seam Detail j Joan Rivers Polka Dot Knit Jacket 


WwWwwkwkw (3 Reviews) xk (1 Review) 


2 


Denim & Co. Stretch Twill Jacket w/ Joan Rivers Ruffle Neckline Jacket s L 
Battenburg Lace Detail with 3/4 Sleeve — — 
i Fouad Price: SS ae Bath Ro eit Bath amen: be Bath 
WKH (2 Reviews) = WRK (2 Reviews) = 
Mna = — 一 二 579.00—5168-00 S33 00-—B88 0-060 ————Ó 
$49.90 - $89.90 $17.90 - $49.90 $49.90 - $89.90 


Y Featured Price: $37.98 

一 kek (6 Reviews) 
Linea by Louis Dell'Olio Lace Jacket 
with Trim Detail 


"m Kelly by Clinton Kelly 3/4 Sleeve 
| "ry Ponte Blazer w/Print Lining 
i3 


Susan Graver Printed Mesh K-DASH by Kardashian Python Print 
Cascading Open Front Vest á Zip Front Cropped Vest 


Featured Price: $79.82 Featured Price: $51.28 


teeth (10 Reviews) 傅 依 依依 请 (32 Reviews) 


Linea by Louis Dell'Olio Jacket ISAACMIZRAHILIVE Ikat Floral French 


iih w/Inverted Pleat Detail 9 Terry Jacket 


Featured Price: $65.16 


Arrr (9 Reviews) tet tet (37 Reviews) Ld 
Bob Mackie's Blossom Embroidered í Susan Graver Printed Yoryu Chiffon Espalma "Cabana Stripe" Set of Espalma "Cabana Stripe" Set of Espalma "Cabana Stripe" Set of 
Button Front Pique Jacket A | Vestwith Tank 2 Bath Sheets 2 Bath Sheets 2 Bath Sheets 
i Featured Price: $52.80 Featured Price: $49.48 $116.00 $18.00 $:H8.00 
defessi (5 Reviews) hk (17 Reviews) $79.90 $79.90 $79.90 
Show More 
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(a) (b) 


5-5 Age iPad 的 一 个 优势 。 (a ) OVC 应 用 重文 字 轻 产品 图 像 的 做 法 缺乏 创意 。 (b) 团购 应 用 Rue La La 使 用 
了 吸引 人 的 大 尺寸 产品 缩 略 图 
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让 用 户 体验 变 得 更 心 悦 目 当然 是 受 欢 迎 的 ， 对 一 种 可 能 更 像 是 休闲 电脑 而 非 商务 电脑 的 设 
备 来 说 更 是 如 此 。 不 过 ,应 用 的 实用 性 以 及 功能 和 内 容 所 提供 的 益处 是 最 重要 的 ， 人 退 求 关 观 不 
应 该 以 牺牲 这 些 作 为 代价 。 

iPad 仅仅 发 布 了 两 年 ， 可 用 性 就 得 到 了 巨大 的 提升 ， 人 们 也 习惯 了 使 用 众多 应 用 。 不 过 ， 
一 如 既往 ， 这 不 是 你 放松 敬 惕 的 理由 。 新 的 可 用 性 问题 已 经 出 现 ， 旧 的 问题 还 没有 彻 瓜 消失 。 
但 总 体 而 言 ， 触 控 式 平板 电脑 的 用 户 体 验 有 着 光明 的 未 来 。 


5.1.1 平板 电脑 是 多 人 共用 的 设备 


除了 那些 独居 的 人 ， 我 们 的 调研 参与 者 一 致 报告 他 们 与 其 他 的 家 庭 成 员 共 用 目 己 的 iPad。 
当 我 们 请 人 们 一 一 介绍 平板 电脑 里 安 逆 的 应 用 时 ， 他 们 经 浓 会 发 现 其 他 家 庭 成 员 所 安 猴 的 应 用 。 

iPad 的 共用 属性 有 别 于 更 私人 化 的 手机 ， 后 者 通常 只 是 日 己 一 个 人 拥有 和 使 用 。 

显然 ， 当 市 场 苑 争 使 平板 电脑 的 价格 降低 后 ， 它 们 在 未 来 有 可 能 变 成 真正 的 私人 设备 。 但 
至 少 在 目前 ， 你 仍然 应 当 假设 上 自己 在 为 一 种 多 用 户 设备 进行 设计 。 举 个 例 于 ， 用 己 可 能 不 愿意 
在 茶 于 应 用 里 保持 登录 状态 ,但 他 们 可 能 还 是 会 坪 记 目 己 的 密码 。 男 外 ， 设 计 一 些 识别 性 很 强 
的 程序 图 标 也 很 重要 ， 这 样 它 们 才能 在 拥挤 的 多 用 户 应 用 列表 里 显得 醒目 。 


5.1.2 AMA iPad 做 些 什 么 


我 们 的 用 户 中 有 大 约 一 半 人 报告 说 他 们 经 党 随 号 携带 目 己 的 iPad， 男 一 半 则 说 他 们 主要 是 
在 家 里 或 者 在 长 途 旅 行 时 使 用 。 

据 受 试 者 描述 ， 他 们 最 第 用 iPad 来 玩 游戏 、 查 收 电 子 邮件 、 登 录 社 交 网 站 、 观 看 视频 或 电 
影 以 及 阅读 新 闻 。 人 们 还 用 它 浏览 Web 和 做 一 些 与 购物 有 关 的 研究。 不 过 ， 大 多 数 用 户 感 觉 在 
名 面 电 脑 上 购物 更 容易 一 些 。 不 少 人 还 担心 在 iPad. 上 进行 电子 购物 的 安全 性 。 

RTA 36 Ur $8] Pt iPad 已 经 取代 了 他 们 的 笔记 本 电脑 。 这 并 不 意味 着 他 们 突然 开始 在 
iPad 上 写 程 序 或 者 制作 PowerPoint 约 灯 户 ， 而 是 指 某 些 更 复杂 的 信息 搜索 工作 正在 从 笔记 本 电 
脑 转 回 iPad。 用 户 可 能 会 尝试 在 iPad 上 研究 度假 去 哪儿 或 者 有 什么 新 产品 ， 但 不 一 定 会 当场 决 
定购 买 。 而 大 多 数 用 户 根本 不 会 想 要 在 智能 手机 上 完成 这 样 的 任务 。 相 反 ， 他 们 在 智能 手机 上 
所 做 的 可 能 仅 限 于 简单 和 即兴 的 信息 需求 ， 比 如 路 上 章 遇 骏 风 雪 时 寻找 最 近 的 旅馆 。 

一 般 来 说 ， 除 了 回复 电子 邮件 这 样 少量 的 内 容 创 作 ，iPad 主要 被 用 于 媒体 消费 。 的 确 ， 打 
发 时 间 (经 浓 会 涉及 某 种 媒体 消费 ) 是 智能 手机 和 平板 电脑 共有 的 另 一 大 用 途 。 打 发 时 间 经 尝 
由 设备 驱动 而 非 由 用 户 驱 动 ， 用 户 可 能 只 有 一 个 总 的 目标 ,例如 阅读 新 闻 或 浏览 淋 志 ， 因 而 对 
设备 提供 的 任何 内 容 都 会 愉快 地 接受 。 不 过 ， 即 使 是 打发 时 间 ， 人 们 使 用 手机 和 平板 电脑 的 方 
式 也 有 着 细微 的 区 别 。 智 能 手机 的 使 用 过 程 比 iPad 更 短暂 ， 更 碎片 化 。 在 智能 手机 上 ， 用 户 可 
能 会 找 一 篇 文章 来 快速 阅读 以 打发 等 候 火 车 的 3 分 钟 时 间 。 而 一 旦 上 了 火车 ， 他 们 可 能 就 会 拿 
出 iPad 来 度 过 回 家 路 上 的 这 一 个 小 时 。 

这 就 像 一 个 用 户 在 谈论 他 的 iPad 时 所 说 的 :“ 使 用 这 个 设备 的 时 候 我 一 点 儿 都 不 着 急 。 
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5.1.3 iPad 设计 面临 的 三 重 威胁 


iPad 的 UI 设计 很 容易 面临 以 下 3 种 威胁 ， 它 们 会 给 用 户 珊 来 巨大 的 困惑 。 

W 不 多 发 现 。 那 些 问题 UI 基本 上 都 隐藏 在 像 蚀 刻 焉 璃 一 样 的 艺术 设计 当中 ， 人 们 难以 发 现 
它们 的 功能 。 详 见 下 文 附注 柱 “ 感 知 到 的 功能 : 现在 你 能 看 见 我 吗 ?”。 这 些 区 域 看 起 来 
征 不 可 触 控 的 。 

W 不 易 记 忆 。 手 抒 的 加 有 属性 是 持续 时 间 短 ， 帮 在 不 同 的 应 用 里 不 能 保持 一 致 ， 学 习 起 来 
就 会 很 困难 。 我 们 在 第 3 草 里 指出 过 ， 多 依赖 通用 命令 会 比较 好 。 

W 意外 触发 。 用 户 可 能 误 触 菏 些 元 系 或 者 无 意 间 做 了 个 手势 从 而 启动 了 菏 个 功能 。 意 外 的 
触 控 会 一 次 又 一 次 地 市 来 且 烦 ， 尤 其 是 在 那些 缺少 后 退 按钮 的 应 用 里 。 


1. 功能 不 易 发 现 

第 一 批 iPad 应 用 让 人 回想 起 1993 年 的 Web 设计 , 当时 Mosaic 首次 实现 了 图 像 映射 (image 
map ), 使 得 任何 图 片 里 的 任何 部 分 部 可 以 成 为 单独 的 UI 元素。 结 末 图 像 设 计 师 们 对 此 大 加 小 用， 
他 们 能 画 出 来 的 任何 东西 部 有 可 能 变 成 UI， 无论 有 没有 道理 。 

这 与 第 一 批 iPad 应 用 的 情况 一 模 一 样 ， 这 个 设备 上 任何 可 以 显示 和 触 措 的 东西 部 有 可 能 是 
UI。 盛 行 一 时 的 设计 思路 基本 上 就 是 用 一 块 块 图 像 铺 满 屏 硕 ， 就 像 是 蚀刻 在 屏 硕 上 一 样 ， 不 加 
其 他 的 视觉 干扰 物 或 朴实 的 按钮 。 这 种 思路 的 代价 就 是 重复 了 我 们 目 20 世纪 90 年 代 中 期 起 就 
不 曾 再 见 到 的 一 种 可 用 性 问题 用户 不 知道 可 以 点 击 或 轻 触 哪些 地 方 。 

最 近 15 年 的 Web 可 用 性 人 研究 发 现 , 主 要 的 问题 是 用 户 不 知道 前 往 哪 里 或 者 该 选择 哪些 选项 ， 
而 不 是 连 存在 哪些 选项 都 不 知道 。 这 些 iPad 上 的 早期 UI 又 将 我 们 市 回 到 了 原点 : Dee JG 
法 被 感知 ， 也 就 是 说 ， 用 户 不 知道 轻 和 触 各 种 屏 考 元素 之 后 会 得 到 什么 反应 。 

相 比 之 下 ， 面 向 昌 面 用 户 的 GUI 设计 原 则 一 下 要 求 按 钮 看 起 来 应 该 是 凸 起 的 ( 所 以 可 以 按 
下 )， 而 且 深 动 条 和 其 他 交互 元 条 要 在 视觉 上 和 内 容 有 明显 的 区 别 。 

传统 的 GUI 对 “教会 与 政府 ( 即 内 容 与 功能 或 命令 ) 的 区 分 已 经 沿袭 到 了 现代 Web 设计 之 中 。 
那些 1993 年 样式 的 图 像 映射 早已 从 任何 想 在 互联 网 上 做 生意 的 网 站 中 消失 了 。 

SR, iPad 的 设计 标准 已 经 开始 浮现 ， 但 我 们 仍然 能 看 到 一 些 功 能 不 易 发 现 的 应 用 。 图 
5-6 展示 的 Martha Stewart Cocktails 应 用 将 导航 栏 隐藏 在 左上 角 的 丝 帘 里 ， 让 用 户 上 自己 去 猿 导 航 
元 素 可 能 在 何人 处 。 同 样 是 这 于 应 用 ， 可 触 挖 和 不 可 触 控 的 内 容 都 使 用 了 红颜 色 ， 比 如 “Frozen 
Bloody Mary” 和 “serves 4” 是 不 可 触 控 的 , 但 “share” 和 “add” 却 是 可 以 的 。 

类 似 地 ，Star Trek PADD 应 用 (图 5-7) 也 在 清楚 表现 可 触 控 性 方面 做 得 很 差 ， 在 设计 上 
显得 缺乏 一 致 性 。 里 面 的 搜索 工具 被 隐藏 在 屏幕 右 侧 底 部 的 “搜索 ”( Search ) 文字 中 ， 而 这 些 
字 看 起 来 不 像 是 能 点 击 的 ， 其 原因 之 一 是 它 被 屏 硕 底部 导航 栏 里 的 图 标 和 椭圆 边框 的 字 串 所 包 
围 。 如 有 果 那 些 元 条 是 可 触 控 的 (事实 上 也 是 )， 那 么 其 他 任何 可 触 控 的 元 素 看 起 来 都 应 该 和 它们 
相似 。 
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图 5-6 iPad 上 的 Martha Stewart 


Cocktails 应 用 。 左 上 角 的 丝带 / 徽标 组 Aq 全 
合 隐藏 了 一 条 导航 栏 。 (RINSE, 3 IX zz FROZEN BLOODY MARY 
种 缺乏 触 控 功能 可 见 性 


ETE 


2 cup iresh lin 
limes) 

1 tablespoon freshly grated or 
prepared horseradish 

1 teaspoon hot sauce, such as 
Tabasco, or to taste 
Coarse salt and freshly ground 
pepper 
Celery stalks, for garnish 


EI add to shopping list 


图 convert units 


Combine frozen tomatoes, vodka, lime 
juice, horseradish, and hot sauce in a 
blender; season with salt and pepper. 
Purée until smooth but still very thick. 
Divide among 4 chilled glasses, and 
garnish with celery stalks and additional 
cherry tomatoes. Serve immediately. 


r add a note 


5-7 iPad 上 的 Star Trek PADD 应 用 。 
屏幕 右 侧 底部 蓝 色 的 “搜索 ” (Search) 
文字 看 起 来 不 像 是 能 点 击 的 ， 但 它 其 实 
可 以 ( 屏幕 左 侧 对 称 的 “Home” 字 串 
HEI) 


虽然 一 些 设计 较 好 地 在 界面 中 展现 了 功能 ， 引 导 了 用 户 ， 但 零 chrome WERKTE. YT 
多 设计 师 仍然 假设 用 户 会 愉快 地 探索 他 们 的 应 用 ， 发 现 各 种 功能 (图 5-8). (XF chrome B7 
入 讨论 见 3.1.1 节 。) 

在 图 5-8 中 ，iPad 版 的 The Collection 应 用 收集 了 《纽约 时 报 》 里 有 关 时 尚 的 文章 。 这 球 应 
用 希望 利用 iPad 上 照片 的 吸引 力 , 里 面 的 所 有 文 草 都 以 不 附 市 可 见 文学 的 巨 幅 缩 略 图 形式 展现 。 
当 用 户 轻 触 其 中 一 张 缩 略图 时 ， 他 们 会 看 到 一 Pipes JL ARCA D] EA SM AEA KE, W 
Wr Ai FRU fp E Pg — “TS Es. TABI BE ex AP BN Ted. Rr aR A, BEG 
AREA THR CES AER EY. MH., f A RAR HI E c E a eg e s — EA ERE 
的 事情 。 
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图 5-8 iPad 上 的 《纽约 时 报 》 
The Collection 应 用 使 用 了 巨 幅 
照片 来 代替 文字 
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2. 手势 不 易 记忆 

我 们 在 第 3 章 里 讨论 了 手势 及 其 可 记忆 性 ， 当 时 介绍 的 是 一 些 试 图 通过 使 用 手势 来 摆脱 
chrome 的 例子 。 因 为 iPad 引 入 了 它 的 前 辈 iPhone 所 不 具备 的 多 点 触摸 功能 ， 于 是 设计 师 们 使 
用 手势 的 兴趣 被 极 大 地 激发 了 了， 他们 甚至 还 定义 了 一 些 新 的 手势 来 让 使 用 体验 显得 更 喘 临 其 境 。 

但 是 ， 手 势 日 身 不 具备 可 感知 的 功能 性 ， 人 们 不 太 容 易 猪 得 到 它们 。 即 使 应 用 告诉 用 户 该 
如 何 操作 ， 新 手势 对 他 们 来 说 还 是 很 别扭 ， 经 背 难 以 准确 地 复 现 出 来 。 


感知 到 的 功能 : 现在 你 能 看 见 我 吗 ? 


功能 (affordance ) 这 个 名 词 简单 地 说 
就 是 指 你 能 对 某 物 做 什么 。 典 型 的 例子 比 
如 按钮 提供 了 按 的 功能 ， 电 话 拨 号 盘 则 提 
供 了 转动 的 功能 。 一 把 椅子 提供 的 功能 主 
要 是 坐 ， 但 也 可 以 站 ， 如 果 你 想 伸 手 够 到 
较 高 的 书架 却 懒 得 去 找 梯子 的 话 。 

在 触摸 屏 中 ， 任 何 一 点 的 功能 很 明显 
都 包括 触摸 、 敲 击 、 滑 动手 指 、 之 字形 移 
动手 指 或 者 其 他 任何 手势 ， 至 少 理论 上 是 
如 此 。 你 可 以 尝试 刚才 说 的 每 一 种 手势 ， 
但 是 之 后 会 发 生 什 么 呢 ? 

在 实践 中 ， 当 我 们 把 用 户 界 面 里 的 某 


种 东西 称 作 功 能 时 ， 它 的 这 种 行为 不 但 必 
须 是 可 行 的 ， 而 且 还 必须 能 被 系统 识别 ， 
能 被 当做 某 种 输入 或 者 命令 。 

不 过 ， 某 种 手势 仅仅 在 物理 上 可 行 而 
且 能 被 系统 识别 ， 依 然 是 不 够 的 ， 用 户 还 
必须 清楚 地 知道 自己 可 以 执行 这 种 操作 。 
让 人 们 知道 有 两 种 方式 : 他 们 可 以 单纯 凭 
借 过 去 的 经 验 记 住 这 种 手势 ， 也 可 以 根据 
屏幕 中 的 某 些 视觉 提示 推断 出 可 以 执行 这 
种 操作 。 如 果 应 用 的 视觉 设计 让 那些 可 被 
触摸 的 点 发 出 “请 触摸 我 ”的 人 信号， 用户 
就 更 有 可 能 明白 他 们 能 触摸 那些 点 。 
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依赖 用 户 记 住 自己 的 选择 必然 会 导致 
可 用 性 低下 。 人 类 的 大 脑 基本 上 不 擅长 记 
忆 太 多 的 抽象 细节 。 

在 谈 到 人 们 看 得 到 自己 能 做 什么 的 时 
候 ， 我 们 有 时 会 使 用 “感知 到 的 功能 ”这 
个 术语 ， 来 强调 这 些 行 为 不 仅 是 可 行 的 ， 
而 且 是 可 以 预先 看 到 的 。 

我 们 的 同事 Don Norman 在 他 的 经 典 著 
作 《 设 计 心 理学 》( The Design of Everyday 
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Things) 里 介绍 了 更 多 有 关 功 能 的 内 容 ， 
如 果 你 对 这 个 话题 有 兴趣 ， 建 议 你 看 一 
看 。 正 如 Don 所 指出 的 ， 大 多 数 分 析 者 
懒得 区 分 潜在 的 功能 与 感知 到 的 功能 。 
实事 求 是 地 说 ， 我 们 在 这 本 书 里 一 般 也 
不 区 分 。 当 我 们 谈 到 “功能 ”一 词 时 ， 
基本 上 就 是 指 用 户 能 看 到 他 们 可 以 做 什 
么 。 换 匈 话 说， 我 们 说 的 就 是 感知 到 的 


功能 。 


在 iPad 上 ， 大 多 数 人 能 日 发 使 用 的 手势 是 点 触 和 拖 搜 。 如 琳 茶 个 界面 有 大 良 好 可 见 的 水 平 
滚动 功能 ， 人 们 就 很 容易 发 现 可 以 用 快速 滑动 的 手势 翻 页 。 但 是 ， 其 他 一 些 哪 人 只 需要 单 根 手 
指 的 手势 ( 比如 双击 或 按 住 不 放 ) 却 对 一 般 人 而 言 没 有 前 者 那么 熟悉 。 

当 我 们 进入 多 扣 触 控 这 个 领域 之 后 ， 复杂 性 束 增 加 了 了， 用户 做 错 手势 的 可 能 性 也 在 变 大 。 
担 和 拉 的 手势 经 稼 被 用 于 缩小 和 放大 ， 人 们 相对 比较 熟悉 。 但 是 ， 用 户 很 难 掌 握 用 两 根 手指 向 
上 深 动 页 面 ,或 者 用 三 根 手指 点 触 / 拖 搜 以 缩小 和 在 缩小 状态 移动 页 面 CR PEP SEARS n] 
在 iPad 的 设置 应 用 里 定义 ， 用 来 改善 可 访问 性 )。 我 们 见 过 好 几 个 人 条 拙 地 试图 重复 这 些 手 热 ， 
最 后 还 是 做 错 了 。 

用 户 对 手势 的 记忆 同样 也 存在 着 问题 。 如 果 你 的 应 用 定义 了 一 些 人 们 在 别 的 应 用 里 未 曾 遇 
到 过 的 手势 ,那么 他 们 就 不 太 能 够 记 住 这 些 独特 手势 ,我 们 从 Web 上 看 到 的 规律 在 这 里 同样 适用 : 
用 户 99% 的 时 间 都 是 花 在 别 的 应 用 上 。 


= AAR 


手势 是 一 种 基于 识别 技术 的 用 户 界 
面 。 这 样 的 交互 设计 类 型 还 包括 了 手写 识 
别 、 语 音 识别 和 自然 语言 理解 。 它 们 的 共 
同 之 处 在 于 ,计算 机 必须 对 原始 输入 进行 
解读 ， 党 试 判 断 用 户 真 正 的 意思 。 相 反 ， 
当 用 户 点 击 了 电子 商务 网 站 上 的 “购买 ” 
按钮 或 者 按 下 了 键盘 上 的 “A” 键 时 ， 这 
些 操作 的 定义 是 独一无二 的 。 无 论 用 户 
是 猛烈 地 还 是 轻柔 地 按 下 那个 键 都 无 关 紧 
要 ， 他 们 得 到 的 始终 就 是 一 个 “A” 。 

不 过 ， 对 于 手势 而 言 ， 计 算 机 必须 进 


行 猜 测 。 用 户 的 本 意 是 想 做 快速 直线 滑动 
还 是 圆周 运动 ? 如 果 手 势 之 间 的 区 别 足 够 
大 ， 计 算 机 将 原始 输入 与 想 要 做 的 手势 进 
行 匹 配 并 不 困难 。 这 也 是 对 茶 些 限定 词汇 
(controlled vocabulary ) 进行 语音 识别 非 
常 容易 的 原因 ， 这 样 的 识别 经 常 被 用 于 语 
音响 应 系统 ， 比 如 当 它 们 提示 你 说 “是 ” 
或 者 “不 是 ”的 时 候 。 

所 有 基于 识别 的 用 户 界面 都 存在 着 识 
A| ABE, KAILA PRPS, 

虽然 计算 机 已 经 越 来 越 善于 解读 模糊 
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的 输入 ， 但 是 你 必须 接受 这 个 事实 : 基于 识别 的 正确 率 即 使 达到 99% 也 很 有 可 
识别 的 交互 永远 不 会 像 精确 定义 的 操作 能 无 法 让 人 满意 。 在 哪怕 只 有 1% 的 时 间 
( 比如 按 下 某 个 按钮 ) 那样 准确 。 这 再 次 里 错误 地 解读 了 用 户 的 行为 ， 这 个 系统 也 
说 明了 不 应 该 设计 那些 过 度 复杂 、 容 易 让 会 让 人 感觉 不 太 可 靠 ， 用 户 们 也 会 害怕 使 
用 户 感到 困惑 的 手势 。 用 它 。 


使 用 太 多 的 手势 可 能 会 让 用 户 感 到 困 惑 ， 他 们 也 许 会 志 记 该 用 哪 种 手势 实现 菏 个 功能 ， 而 
且 对 多 种 手势 的 记忆 最 终 经 毕 会 互相 干扰 。 里 说 有 些 手 势 相对 好 记 些 ,但 如 果 可 以 用 手势 实现 
的 功能 太 多 ， 这 一 点 本 里 就 很 容易 吓 到 用 户 。 

总 之 ， 我 们 建议 使 用 人 们 最 为 束 悉 的 手势 。 如 果 非 得 定义 新 的 手势 ， 请 记 住 它们 将 会 不 易 
发 现 、 不 易 记 忆 ， 而 且 对 用 户 来 次 还 可 能 过 于 复 杀 ， 容 易 出 错 。 出 于 这 些 理由 ， 请 确保 你 的 界 
面 里 存在 着 一 定 的 后 备 手 段 ,让 用 户 即 使 不 使 用 特定 的 手势 也 可 以 访问 应 用 里 的 所 有 功能 。 为 外 ， 
还 可 以 使 用 渐进 式 暴露 的 方式 ， 在 适当 的 上 下 文 环 境 里 慢 慢 将 手势 展 现 给 用 户 ， 并 将 最 为 人 玖 
知 的 手势 赋 子 最 党 用 的 操作 。 


3. 意外 触发 

因为 iPad 的 屏幕 比 一 般 的 智能 手机 屏幕 大 得 多 ， 所 以 用 户 需 要 加 大 动作 幅度 才能 到 达 屏 幕 
的 各 个 位 置 。 由 此 造成 的 结果 是 ， 人 们 在 iPad 上 出 现 意 外 触 控 的 可 能 性 比 在 智能 手机 上 还 要 大 。 

考虑 到 意外 和 触发、 不 易 发 现 和 功能 不 明显 等 如 此 种 种 ， 这 样 的 用 户 体验 经 常会 让 用 户 不 知 
道 刚才 发 生 了 什么 ,或 者 如 何 才 能 重复 某 一 步 又 来 重 现 同样 的 结果 。 更 糟糕 的 是 ， 人 们 并 不 总 
是 能 回 到 之 前 的 状态 ， 因 为 不 是 所 有 应 用 都 会 提供 像 Web 上 的 后 退 按钮 那样 的 出 口 。 

许多 应 用 里 的 可 触 控 区 域 面积 太 小 ， 而 且 距 离 过 近 ， 增 加 了 意外 触及 错误 区 域 的 危险 。 在 
Notability ( 图 5-9 ) 这 个 iPad 便 得 应 用 中 ， 屏 大 上部、 侧面 和 底部 的 元 双 都 是 又 小 又 拥挤 ， 你 
很 容易 磁 到 并 没有 打算 碰 的 地 方 。 男 外 ， 请 注意 图 中 还 指导 用 户 在 涂鸦 时 使 用 两 根 手 指 来 上 下 
深 动 页 面 ， 因 为 拖 动 和 上 下 快速 滑动 这 些 手 势 已 经 被 用 于 涂鸦 功能 了 。 使 用 两 根 手 指 是 一 种 非 
标准 的 复杂 手势 ， 并 不 容易 记 住 或 者 发 现 ， 因 此 这 个 界面 还 提供 了 一 种 蔡 代 方法 ， 页 面 右 侧 小 
小 的 垂直 页 面 显 示 工 具 让 用 户 无 需 滚 动 就 可 以 翻 页 。 

有 些 应 用 在 至 少 一 部 分 页 面 里 放置 了 一 个 假 的 后 退 按钮 《看 上 去 像 是 后 退 按钮 ， 其 实 是 面 
包 居 "按钮 )。 为 什么 说 这 些 按钮 是 假 的 后 退 按钮 呢 ? 要 知道 原因 ， 让 我 们 来 回忆 一 下 第 3 章 里 
介绍 的 两 个 后 退 (一 个 是 返回 上 级 ， 一 个 是 撤销 操作 ) 之 间 的 区 别 。 


CD JS (breadcrumb ) 是 指 在 用 户 界 面 里 通过 标注 当前 所 在 位 置 以 及 之 前 的 各 个 层级 来 帮助 用 户 导 航 。 这 一 概念 
源 于 格林 童话 故事 《 汉 赛 尔 与 格 莱特 》( Hansel and Gretel) 里 主人 公 沿 路 撒 面 包 恨 以 标记 路 径 。 一 -一 译 者 注 
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5-9 iPad 上 的 Notability 应 用 使 用 了 又 小 又 拥 
挤 的 界面 元 素 ， 很 容易 发 生 误 触 


Notability is our favorite note taker. 
We hope it’s your favorite too! 
Sign your copy 
(Hint: use the 
pencil# ) 

Tap 4 again to 
change width 

& color. 


+, Use2fingers 
1o scroll up & 
down the page. 


Notability helps you... 
@ write 
t| type | 
® record and | 

«X organize 


虽然 这 些 面包 习 按 钮 提供 了 后 退 〈 返 回 上 级 ) 功能 ， 却 不 能 用 于 撤销 操作 ， 因 此 用 户 意 外 
触及 屏 禹 错误 位 置 之 后 经 第 找 不 到 回 到 之 前 页 面 的 办 法 。 

在 图 5-10 里 你 可 以 看 到 后 退 (返回 上 级 ) 可 能 会 造成 什么 问题 。 用 户 在 Hotels.com 应 用 里 
搜索 菏 个 酒店 ， 从 结 末 列表 里 选择 一 个 之 后 就 会 如 愿 进入 对 应 的 酒店 页 。 但 是 ， 当 执行 下 一 步 
导航 〈 比 如 点 击 “现在 预订 ”按钮 )， 离 开 该 页 并 到 达 价 格 页 后 ， 轻 触 后 退 按钮 会 将 他 们 吾 回 到 
搜索 结果 页 ， 而 不 是 刚才 的 酒店 页 。 这 时 ， 他 们 需要 再 次 在 列表 里 找到 刚才 那 家 酒店 。 


5-10 Hotels.com 的 iPad 版 应 用 将 后 退 按 
钮 用 于 返回 上 级 ， 而 不 是 撤销 操作 。 (a) 用 
户 碍 询 后 生成 的 一 个 搜索 结果 页 。 (b) MR 
这 结果 页 进入 酒店 页 。( c ) 在 酒店 页 点 击 “ 现 
在 预订 ”按钮 后 到 达 的 价格 页 。 在 这 一 页 轻 触 
后 退 按钮 会 将 用 户 带 回 到 搜索 结果 页 ， 而 不 是 
刚才 的 酒店 页 
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(Q, St Louis, MO, USA ey 


Available hotels, sorted by: “Bestsellers 


Sheraton Clayton 
Plaza Hotel 


Hyatt Regency St. 
Louis at The Arch 


*k X 4.0 Guest rating 


$1 1 9 n nightly rate 


3rd Night Free 


Xo * * 4.0 Guest rating 


L2 
average nightly rate 


Location. 

Sheraton Clayton Plaza Hotel is 
a family-friendly Clayton hotel in 
the business district and close 
to Saint Louis Galleria Mall, St. 
Louis Zoo, and St. Louis Art 
Museum. Additional points of 


Location. 

Located in central St. Louis, 
Hyatt Regency St. Louis at The 
Arch is a family-friendly hotel 
steps from Old Courthouse, 


ES “ 
Everything was great, except 
for the fact that I booked a 
king guestroom and when we 


Our family stayed in two 
adjoining rooms and really 
enjoyed it. Everything was 


arrived, they gave us a gues clean and comfortable. The.. 


Details Details 


(a) 


Omni Majestic Hotel 


oo o * * 4.3 Guest rating 


$1 1 5 Rudi nightly rate 


Show Shortlist 


The Cheshire 


Xo o * * 4.5 Guest rating 


$169 
average nightly rate 
144 ight 


Holiday Hotel Sale! Save 30... 


Location. 

Omni Majestic Hotel is located 
in central St. Louis, close to 
America's Center Convention 
Complex, Edward Jones Dome, 


“ 


Our group booked 4 rooms 
for a baseball weekend in St 
Louis. The hotel was great 
with spacious, well furnishe... 


» 


Advance Purchase Special -... 


Location. 

The Cheshire is located in 
central Richmond Heights, close 
to St. Louis Art Museum, St. 
Louis Zoo, and Cathedral 


“ 


One of the nicest hotel in the 
area. I feel at ease during my 
recent stay. I love the staff, 


the room are kept clean, an 


» 


Details 


The Cheshire 


6300 Clayton Rd, Richmond Heights, 
United States, 63117 


866-466-8174 
Xo 4.5 Guest rating 


Location. 

The Cheshire is located in central Richmond Heights, close to St. Louis Art 
Museum, St. Louis Zoo, and Cathedral Basilica of St. Louis. Nearby points 
of interest also include Missouri Botanical Gardens and Arboretum and 
Washington University. 


Hotel Features. 

The Cheshire's restaurant serves breakfast, lunch, and dinner. A poolside 
bar and a bar/lounge are open for drinks. Room service is available. A 
complimentary breakfast is served each morning in the breakfast area. 
Recreational amenities include a 24-hour fitness facility, a children's club, 
and complimentary bicycles. The property's full-service health spa has body 
treatments, massage/treatment rooms, facials, and beauty services. This 4- 


etar nranerty hac a 24-hour hiicinece center and offere a 


(b) 


$169 
average nightly rate $1 44 


Advance Purchase Special - non-refundable 


"Cheshire St Louis" 


oU 


Reviewed by M. Sherman of Highland Park IL on Mar... 
2 x 

One of the nicest hotel in the area. | feel at ease during my 

recent stay. | love the staff, the room are kept clean, and 


the response time to your needs is appropriate. Would | 
recommend it? Every time | am in St Louis, | look forwar... 


4 " 5 Guest rating 


57 Guest Reviews 四 All Reviews 


The Cheshire 


6300 Clayton Rd, Richmond Heights, 
United States, 63117 


866-466-8174 
oko 4.5 Guest rating 


Deluxe Double Queens 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Deluxe King 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Superior King 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Deluxe Double Queens 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Deluxe King 


Cantinantol Rroakfact 


(c) 


$169 
average nightly rate 1 44 


Advance Purchase Special - non-refundable 


welcomeftrewards. 


o 


Non-Refundable Rate 


£z 区 
average nightly rate 1 44 OSES 
é pecial - non-ref 


welcomed rewards 


average nightly rate 


welcomedtrewards. 


average nightly rate 


Non-Refundable Rate 


$144 ED 


Non-Refundable Rate 


$152 


welcome&&rewards. 


average nightly rate $1 69 


welcome@rewards. Free canceliationPrice Match Guaranre 
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5.1.4 不 一 致 的 交互 设计 


即使 用 户 弄 明 昌 了 事物 是 如 何 运 作 的 ， 也 很 少 能 将 这 些 技能 从 一 球 应 用 市 到 为 一 球 中 去 ， 
因为 每 个 应 用 程序 都 为 相似 的 功能 提供 了 一 侠 完 全 不 同 的 UI。 

在 不 同 的 应 用 里 ,有 时 其 至 是 在 同一 球 应 用 中 ,用 户 触 挽 一 张 图 片 后 可 能 产生 下 列 各 种 结 

图 没有 发 生 什么 特别 的 事 ( 图 5-11a )。 

mA RAS CE 5-11b )。 

Boonie mAAR (A 5-11c )。 

W 翻转 这 张 图 ,在 同一 位 置 显示 为 一 张 图 ( 打 个 比方 ,这 些 新 图 片 就 像 是 在 原 图 的 “背面 ”)。 

B 跳出 一 组 导航 选 项 。 

B 显示 出 如 何 与 这 张 图 片 交 互 的 提示 ( 图 5-11d )。 

在 《纽约 客 》 琳 志 的 应 用 中 (图 5-11a 和 b )， 点 击 图 片 既 有 可 能 像 点 击 页 面 其 他 位 置 那样 
触发 相同 的 行为 ( 即 显示 出 屏 大 顶部 的 傈 志 导 航 栏 和 的 部 的 滚动 条 )， 也 可 能 显示 出 当前 图 像 的 


放大 版 。 缺 乏 一 任性 的 问题 在 同一 球 应 用 里 甚至 会 更 加 致命， 用 户 并 不 总 是 能 预计 到 同样 的 操 
作 会 产生 不 同 的 效果 。 
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MACHINE POLITICS 


The man who started the hacker wars. 


BY DAVID KUSHNER 


(a) (b) 

5-11 在 不 同 的 iPad 应 用 里 轻 触 图 片 可 能 会 产生 不 同 的 反应 。 (a) 《纽约 客 》 杂 志 的 应 用 显示 出 屏幕 项 部 和 底部 
的 导航 栏 ; (b) 同样 在 这 款 应 用 里 ， 轻 触 漫 男 图 片 会 将 其 放大 ; ( c)《 生 活 》 杂 志 应 用 显示 出 功能 按钮 和 照片 标题 ; 
(d) Zappos 应 用 显示 出 一 些 如 何 与 这 张 图 片 交 互 的 提示 
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图 5-11 (£2) 


在 《今日 美国 》 应 用 中 ， 点 击 这 家 报纸 的 徽标 会 弹出 一 个 导航 荣 单 ， 里 面 列举 了 各 种 内 容 
版 块 (图 5-12 )。 这 也 许 是 我 们 测试 过 的 最 出 人 意料 的 交互 方式 ， 在 我 们 2010 年 进行 的 首次 测 
试 中 没有 任何 用 户 发 现 这 一 点 。 
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我 们 在 一 年 后 的 2011 年 重新 测试 凡 今 日 美国 头 用 。 虽 然 那 时 候 iPad 已 经 面世 了 一 年 之 久 ， 
但 是 拥有 不 宦 平 板 电脑 使 用 经 验 的 用 户 们 还 是 无 法 使 用 这 种 设计 。 我 们 的 一 位 测试 用 户 是 这 于 
HB TE. 虽然 据 他 说 最 终 是 他 目 己 发 现 了 这 种 版 块 导航 功能 ， 但 是 在 测试 过 程 中 他 不 断 问 
我 们 抱 忽 发 现 这 一 功能 有 多 困难 。 用 户 很 少 能 记 住 交互 设计 组 件 的 细 市 ， 这 也 是 观察 用 户 胜 过 
直接 向 他 们 询问 可 用 性 的 重要 原因 。 这 位 用 户 在 几 个 月 后 还 能 回忆 起 他 所 经 历 的 不 便 ， 这 证 明 
了 旧时 航 设计 相当 烦人 。 

幸运 的 是 ， 在 我 们 最 终 测 试 结束 的 几 天 后 ,《 今 日 美国 》 就 发 布 了 新 版 应 用 ， 对 导航 做 了 一 
些 改 进 〈 图 5-13 )。 现 在 ,要 打开 版 块 末 单 ， 用 户 必 须 触 摸 一 个 明确 标注 为 “版 块 ”( Sections ) 
的 按钮 。 这 种 设计 比 图 5-12 所 展示 的 该 报 旧 版 应 用 要 好 得 太 多 了 。 

我 们 在 文章 内 部 的 导航 中 也 见 到 了 类 似 的 一 人 致 性 欠缺 问题 。 为 了 在 到 达 屏 共 瓜 部 之 后 继续 
阅读 ， 需 要 做 的 手势 可 能 是 以 下 任何 一 种 。 

m 停留 在 同一 页 上 ， 只 是 深 动 某 个 文本 域 。 

要 使 用 这 个 手势 ， 你 触摸 的 位 置 必须 在 文本 域 的 范围 之 内 。 不 过 ， 文 本 域 在 屏幕 里 并 没 
有 明显 的 边界 ， 因 此 你 需要 猜测 哪些 文本 是 可 以 滚动 的 。 

W 问 左 快速 滑动 《有 时 候 这 会 将 你 市 到 下 一 篇 文 昔 ， 而 不 是 显示 当前 文章 的 更 多 内 容 ) 

如 末 你 触摸 的 位 置 碰巧 是 广告 或 者 跑马 灯 ， 这 个 手势 就 不 起 作用 了 ( 详 见 5.1.7 TEW 
讨论 )。 

W 问 上 快速 滑动 。 

在 《大 众 科 学 》 杂 志 的 应 用 中 (图 
5-14 )， 了 要 让 页 面 滚动 ， 有 时 候 需 要 在 文本 框 
内 部 垂直 快速 滑动 ， 有 时 候 则 可 以 在 页 面 的 
任何 地 方 滑动 。 当 文字 在 菏 些 页 面 里 深 动 的 
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图 5-13 《今日 美国 》 修 改 之 后 的 iPad 应 用 。 左 上 和 角 
的 “版 块 ”按钮 用 于 提示 导航 
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allow a human being to come to harm.” 
一 The First Law of Robotics, from Isaac Asimov's story "Runaround" 


FUTURE PROOF 


Take the | | Tic 


Wheel 5e 


Who is to blame when a «ee a 
robotic car crashes? -一 


SOCIETY MUST MAKE rwo 


. 
big leaps in order to enable | | elic opter 
truly self-driving cars. The first 
is technological. Engineers Flo ck 


need to improve today's cars 


(which can warn a driver that “I build flying robots" 


he's drifting out of his lane) 
b IF YOU WANT a robot to 
eyond current Google and 


i " maneuver aggressively, it has to Lo di a - 
Darpa prototypes (which main- E 99 y . 
i i be small. As you scale things 
tain the lane on their own) to x ie 
i : down, the “moment of inertia"— 
the point where automobiles 


the resistance to angular 
can edge forward through a angue EF 


: i : motion—drops dramatically. Our i 
construction zone while their p y (一 号 一 
er nano-quadrotor robots are made 一 
owners sleep inside. 


The technological leap will to be as lightweight as possible: 
b less than a fifth of a pound and 
e good for everyone. : z 
: ; p ; palm-sized. They can do an aerial 
Machines are incredibly reli- eS 
backflip in half a second, accel- 
able. Humans are not. Most car 


erate at two Gs, and fly rotor 
crashes are caused by human Da CO OL Dindeds thi 
error (a 2004 World Health ee Mel 


qn dimensional formations—and — a à 
Organization report put the à 二 一 一 
> they do all this autonomously. We 
figure at 90 percent). As safety 


dec í tell them where to go but not how 
technologies like antilock 3 
: to go. Each robot communicates 
brakes and traction-control 


with a network of motion-capture = 


systems have taken hold, the ia = a i > S 
i cameras mounted on the ceiling 
number of fatal accidents has 
of the lab. The cameras are 


dropped 35 percent between : 
connected to a computer, which 
1970 and 2009, even though ae 
calculates the position of the 


cars drive more than a trillion . . . 
robot and its neighbors. It's like 


STORY BY 


miles farther annually. “Robots 
Jacob Ward ere GPS, but the information is 
ILLUSTRATION BY have faster reaction times and siecle conne 
" 1 
Jonathan Carlson will have better sensors than p p 


with sub-centimeter accuracy. The 
Lrahare alca hava cancare thar 


humans,” says Seth Teller, a 


(a) (b) 


图 5-14 《大 众 科学 》 杂 志 的 应 用 存在 着 “多 种 ”页 EN 
HAMA, (a) 垂直 滚动 需要 在 文本 框 内 部 进行 。 
(b) 在 页 面 任何 地 方 都 可 以 进行 滚动 。 (c ) 当 用 户 向 The New Planetary Habitability Index 
下 滚动 页 面 后 新 的 文本 显示 在 了 5 1 4b 里 这 些 直 升 Astronomers often estimate the habitability of extrasolar planets and moons 


based mostly on their temperatures and distance from the nearest star. A team of 
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].A.E.A. Director General to Visit 


Tehran 


By RICK GLADSTONE 

The United Nations nuclear monitoring 
agency said on Friday that its leader would 
travel to Iran on Sunday for a meeting with the 
country's top nuclear negotiator. The 
unexpected development signaled that both 
sides had stepped up both the urgency of 
resolving their dispute and the seniority of the 
officials doing the negotiating. 

The nuclear monitor, the International 
Atomic Energy Agency, has been locked in a 
protracted dispute with Iran over access to an 
Iranian military base where the agency's 
inspectors suspect that experiments on 
nuclear weapons triggers have been 
performed. Iran has rejected the agency's 
repeated requests for unrestricted access to 
the site, called Parchin. 

The access issue has broader implications 
for Iran's negotiations with six major powers 
— the permanent members of the United 
Nations Security Council plus Germany — 
over its entire uranium enrichment program, 
which are scheduled to take place next 
Wednesday in Baghdad. The six nations have 
urged Iran to allow the nuclear inspectors 
access to Parchin as a sign that it is sincere in 
promising that Iranian nuclear activities are 
for peaceful ends. 

LA.E.A. officials and their Iranian 
counterparts have been negotiating at the 
agency's headquarters in Vienna, where talks 
were set to resume on Monday. But the 
announcement by the agency on Friday 
changed the site to Tehran, and said that the 
director general, Yukiya Amano, would lead 
the delegation. 

The announcement said Mr. Amano would 
travel to Tehran on Sunday "to discuss issues 
of mutual interest with high Iranian officials." 
It continued, “In the course of his one-day 
working visit on Monday, 21 May, the director 


general will meet the secretary of Iran's 
Supreme National Council, His Excellency 
Saeed Jalili, and other senior representatives 
of the Iranian government." 

Mr. Jalili is Iran's lead negotiator in the talks 
with the six powers. 

A spokesman for the council in Tehran said 
that he could not confirm the announcement. 
“T have no information on that,” he said. 

The agency's announcement said Mr. Amano 
would be accompanied by Herman Nackaerts, 
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(a) 


图 5-15 


已 经 在 最 后 一 页 则 会 
的 区 域 需 要 避 开 它 才 能 进入 下 一 


样 被 前 后 不 一 的 UI 所 折磨 ， 应 用 也 变 
预测 性 仍然 存在 ， 有 时 候 就 在 同一 球 应 用 之 中 。 


FE CAAT TR) Ji 


5.1.5 ”模拟 印刷 品 


在 许多 内 容 应 用 里 ， 用 快速 光 动 来 进入 下 一 篇 文革 的 方法 是 模拟 印刷 品 。 事 实 上 ， 当 第 一 批 
通过 触摸 “封面 ”页 里 的 标题 路 到 对 应 的 文章 。 虽 然 


iPad 应 用 面世 的 时 候 ，; 


大 多 数 应 用 现在 已 经 不 存在 这 个 问题 ,但 像 《 大 众 科学 》 森 志 (图 5-16 ) 这 样 的 应 用 却 并 没有 绝迹 。 
-种 来 目 印刷 品 时 代 却 在 电子 媒介 里 毫 无 意义 的 做 法 。 在 数字 环境 中 ， 


一 篇 文章 ”这 种 顺序 概 是 人 为 强加 和 约束 用 户 的 。 人 们 宁愿 从 一 张 包 含 相 关内 容 的 菜单 


iPad 版 《纽约 时 报 》 应 用 中 的 页 面 
屏幕 底部 的 导航 栏 处 于 显示 状态 ， 快速 


滚动 。 (a 
滑动 的 区 域 需 


) 水 平 深 


AD) ( 快速 滑动 手指 ) 会 进 


避 开 它 才 能 进入 下 一 页 


这 种 模拟 甚至 不 允许 你 i 


顺序 导航 则 是 为 


FA eee A CARA , 


ALA b A 
Ze 


入 文章 的 下 一 页 。 


应 用 中 (图 5-15 )， 水 平 滚动 (快速 滑动 手指 ) 会 进入 文章 的 下 一 页 ， 如 末 
MIA fes Moog iioii 
(在 导航 栏 区 域 里 快速 请 动 会 显示 其 他 文章 的 标题 。) 
E E ae Rea. aan ee 
得 更 一 致 、 更 标准 化 。 但 是 ， 就 像 这 些 例子 展现 的 ， 不 可 
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5-16 《大 众 科学 》 的 封面 不 包含 任何 超 链接 ， 所 有 的 文章 标题 都 不 能 点 击 


iPad 用 户 体验 设计 面临 着 一 个 策略 选择 是 强调 用 户 的 主动 权 ， 还 是 强调 创作 者 的 控制 权 。 
一 些 设计 的 错误 在 于 过 度 忠 实地 模拟 了 印刷 品 。Web 让 用 户 体 验 到 自由 和 控制 的 美好 ， 他 们 不 
太 可 能 会 乐于 回归 顺序 的 使 用 体验 。 

出 版 商 希 望 通过 为 每 种 刊物 营造 独立 的 环境 让 用 户 感 觉 到 其 内 容 更 有 价值 。 类 似 地 ， 他 们 
也 希望 用 户 花 更 多 的 时 间 在 少数 几 种 刊物 上 ， 而 不 是 像 在 Web 上 一 样 匆 匆 路 过 大 量 的 网 站 ， 因 
为 前 一 种 方式 对 他 们 意味 着 更 高 的 价值 。 

在 更 面 端 使 用 Web 时, 用户 很 容易 在 一 周 内 访问 100 个 网 站 ,其 中 多 数 网 站 只 看 1 至 3 页 。( 举 
个 例子 ， 在 一 项 调研 中 我 们 观察 到 某 位 用 户 为 了 买 一 件 商 品 访问 了 15 个 网 站 。 这 些 网 站 涵盖 了 
搜索 引擎 、 评 论 网 站 、 厂 商 网 站 和 和 零售 网 站 。 当 然 ， 只 有 一 家 网 站 做 成 了 生意 。) 大 多 数 的 网 站 
只 会 被 访问 一 次 ， 因 为 用 户 是 通过 搜索 引擎 、 其 他 网 站 的 链接 或 社交 网 站 上 的 帖子 找到 它们 的 。 
缺乏 真实 客户 关系 的 内 容 网 站 是 没有 价值 的 ， 因 为 用 户 花 时 间 上 网 而 创造 出 的 财富 90% 最 终 流 
癌 了 搜索 引擎 。 
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当前 的 iPad 应 用 设计 策略 坚 无 疑问 是 创造 更 具 这 浸 感 的 体验 ， 使 用 户 和 信息 源 建 立 深层 次 
的 联系 。 这 和 Web ir Za FTAA, ITE Web 上 上， 多样 化 是 一 种 力量 ， 没 有 任何 一 个 
网 站 有 能力 独 目 占 据 用 户 的 注意 力 。 用 户 会 在 各 个 网 站 之 间 频 莹 移动， 这 一 现实 要 求 界 面 必须 
从 合 惯例 ， 网 站 要 让 用 户 无 需 学 习 其 至 无 需 多 看 儿 眼 束 能 使 用 。iPad RRRA T, BAA 
们 的 确 在 设备 中 安 闻 了 不 少 应 用 ， 但 经 浓 使 用 的 只 是 其 中 的 一 小 部 分 。 


5.1.6 KAAS SHEN n m 


UI 先驱 Jef Raskin 曾经 使 用 “卡片 大 享 与 神圣 的 卷轴 师 "””( Card Sharks vs. Holy Scrollers ) 
这 种 说 法 来 区 分 两 种 有 本 质 区 别 的 超 文本 模型 。 

B 卡片 是 一 块 固定 大 小 的 画布 。 你 可 以 在 这 个 二 维 区 域 里 任意 排列 信息 ， 直 到 满意 为 止 ( 这 
就 让 人 们 能 创建 出 优美 的 页 面 布 局 ), 但 是 不 能 扩大 它 。 如 果 信 息 在 一 张 卡 片 里 放 不 下 ， 
用 户 就 必须 跳 到 新 的 卡片 上 才能 看 到 更 多 内 容 。HyperCard 程序 是 这 一 模型 最 著名 的 例子 。 
卷轴 能 为 你 想 放 置 的 所 有 信息 提供 空间 ， 因 为 画布 可 以 按照 你 的 意愿 延伸 。 用 户 需 要 做 
的 跳跃 变 少 了 ， 但 代价 是 界面 布局 不 如 卡片 美观 ， 因 为 设计 师 无 法 控制 用 户 在 任 一 时 刻 
会 看 到 哪些 内 容 。 

Web 显然 是 坚定 地 站 在 神圣 的 卷轴 师 这 一 阵 彰 中 ,尤其 是 在 当前 的 时 代 一 一 用 户 经 向 会 滚 
动 页 面 ， 有 时 还 会 阅读 超 长 页 面 下 部 的 信息 。 即 使 是 手机 上 的 应 用 也 时 稼 靠 页 面 滚动 来 呈现 在 
INER FOU. P BERE P 

相反 ， 卡 片 大 享有 主 竺 iPad 设计 的 趋势 。 虽 然 有 些 应 用 将 两 种 模型 混在 一 起 ， 或 者 仍然 忠 
KF Web 模型 ， 许 多 应 用 却 试 着 为 漂亮 的 屏 雄 创建 固定 尺寸 的 布局 。 

卡片 模型 更 适合 某 些 特定 类 型 的 应 用 ， 尤 其 是 新 闻 和 杂志 应 用 。 对 它们 而 言 ， 模 拟 印 刷 品 
的 效应 很 强 ， 这 让 快速 请 动 的 手势 相对 容易 被 用 户 发 现 〈 虽 然 它 仍然 不 是 用 户 在 一 开始 就 会 答 
试 的 手势 ,但 用 户 最 终 能 够 发 现 它 )。 但 是 ， 在 其 他 的 上 下 文 环 境 中 ， 比 如 图 5-17 里 的 鸡尾酒 
配方 应 用 ， 卡 上 户 模型 就 难以 被 发 现 ， 设 计 者 可 能 需要 添加 一 些 提 示 来 帮助 用 户 进行 水 平 导 航 。 

事实 上 ， 即 使 是 那些 并 不 适合 卡片 模型 的 应 用 ， 也 可 以 使 用 一 些 简 单 的 方法 让 快速 请 动 
手势 更 容易 被 用 户 发 现 。 这 些 方法 大 多 数 使 用 某 种 视觉 提示 来 标明 导航 方 回 : Esk CES 
5-18a ) 或 一 些 裁 切 过 的 可 见 内 容 以 稼 造 页 面 是 连续 的 约 党 (图 5-18b ) 通常 是 很 好 的 办 法 ， 但 
页 面 底部 的 小 点 或 图 片 则 可 能 没 那么 有 效 〈 图 5-18c )， 原 因 很 简单 ， 它 们 与 背景 更 加 融合 ， 更 
不 容易 被 注意 到 。 


“卡片 大 亭 ” 是 美国 20 世纪 70 年 代 一 档 电 视 游 戏 节 目的 名 字 ， 这 里 用 来 称呼 那些 苹果 电脑 应 用 程序 HyperCard 
理念 的 文 持 背 。“ 神 圣 的 卷轴 师 ” 则 是 修改 自 Holy Rollers， 后 者 本 意 是 指 某 些 教徒 ， 修 改 后 则 指 代 那些 页 面 滚动 
理念 的 信奉 者 。 一 一 译 者 注 


图 5-17 
应 用 需要 用 户 向 左 快速 


这 种 一 到 卡片 去 的 导航 模型 不 容易 被 发 现 


Ingredients 


1/2 cup (1 stick) unsalted 
butter, room temperature, 
plus more for pan 


2 1/2 cups all-purpose flour 
plus more for pan 


1 cup dried tart cherries 
(about 6 ounces), finely 
chopped 


1/2 cup finely chopped 
crystallized ginger 


1 tablespoon finely grated 
peeled ginger 


1 tablespoon Dijon mustard 


1 cup hot espresso or very 
strong coffee 


1 tablespoon ground ginger 


2 teaspoons baking soda 


| 4 4/0 tanenaane Lachar calt 


iPad 上 的 Martha Stewart Cocktails 
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滑动 进入 下 一 张 配方 ， 


Ginger Spice Cake with Dried vv oe 
Cherries 


Yield: Makes 10 servings 


Preheat oven to 350°F. Butter Bundt pan. Dust 
pan with flour, tapping out excess. Combine 
cherries, crystallized ginger, grated ginger, and 
Dijon mustard in a medium bowl. Pour espresso 
over cherry mixture and set aside. Whisk 2 1/2 
cups flour, ground ginger, baking soda, salt, 
allspice, cinnamon, and pepper in a large bowl. 


Using an electric mixer on medium speed, beat 
1/2 cup butter in a large bowl until light and 
fluffy, about 2 minutes. Add brown sugar and 
beat for 2 minutes. Beat in eggs one at a time, 


(a) 


YEAH , BUT WHAT DOES AN 
ART TEACHER KNOW ABOUT, 


I'M NOT AN ART YOU ARE ? WHICH COMIC DO YOU DRAW? 


AQ Q 


GRAPEFRUIT-MINT 
MOJITO 


serves 4 | Q share | Q add 


Mint simple syrup takes the 
place of crushed leaves in this 
spin on the classic mojito, 
making the drinks easier to 
assemble. 


INGREDIENTS 

1 ruby red grapefruit 

6 ounces (74 cup) white rum 

3 cups ice 

% cup Mint Simple Syrup 
(recipe follows) 

1 cup seltzer 
Mint sprigs, for garnish 


& add to shopping list 
图 convert units 
1. Using a vegetable peeler, remove 


zest from grapefruit in long, wide strips, 
leavina the bitter white pith behind 


11:58 AM 


Amsterdam ó ET 


Netherlands 


As of 8:45 PM CEST 


High. Low. 


Chance of Precip 
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Tonight Apr 16 


“gy Access to your banking 


5°C 


PM Light Rain / Wind 


Pi 


High Li 


Chance of Precip 
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Tue Apr 17 Wed Apr 18 


Access to your investing 


TEACHER. I'MA 


ARE YOU FAMOUS ? DO YOU O] 
S. a ah 


AGENTS ? I LIKE POC DAMAGE ! DO YOU 
VO MANGA 7 


Wine t WEATHER MAPS NEWS VIDEO omm 


Ch 


(e) 


图 5-18 让 水 平滑 动手 势 更 易 被 发 现 的 提示 。 
(a) Epicurious 应 用 在 右 下 角 使 用 了 箭头 。 ( b ) Marvel 
应 用 在 屏幕 两 侧 显 示 了 之 前 和 之 后 的 部 分 页 面 。 
( c) Weather Channel 在 顶部 面板 里 显示 了 几 个 小 点 来 标 
明 多 个 页 面 ， 在 下 方 的 两 个 面板 里 则 营造 出 页 面 连续 的 幻觉 


Whoa! Whoa! 


Whoa '! I'M NOT A 
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无 论 你 在 应 用 里 使 用 水 平 滚动 还 是 垂直 滚动 ， 请 目 始 至 终 保 持 同 一 种 导航 方式 ， 不 管 在 同 
一 页 还 是 在 不 同 的 屏幕 方向 下 都 不 要 将 两 者 混用 。Amazon Windowshop 应 用 在 同一 页 内 使 用 了 
ACE ASE ER (图 5-19 )。 这 款 应 用 展示 了 一 张 巨大 的 产品 表格 ， 每 一 列 代 表 了 不 同 的 产品 类 
别 。 你 可 以 快速 水 平 请 动 看 到 更 多 的 产品 类 别 ， 也 可 以 快速 垂直 滑动 看 到 某 个 类 别 里 的 更 多 产 
品 。 一 件 产 品 可 能 会 出 现在 多 个 类 别 当 中 ， 例 如 ，iPad 同时 出 现在 了 计算 机 与 配件 (Computers 
& Accessories ), Kindle 商店 (Kindle Store )、 苹 果 商 店 (Apple Store ) 和 电子 产品 (Electronics ) 
中 。 当 我 们 测试 这 区 应 用 的 时 候 ， 用 户 记 不 起 刚才 看 过 了 哪些 产品 ， 而 且 完 全 迷失 了 
JI In] s 


3:03 PM Not Charging 四 » 
Computers & Access... Cell Phones & Access... Kindle Store Apple Store Electronics 
dl 
Apple iPad MD328LL... 3 pcs Aqua Blue/Bla... Apple iPad MD328LL... Apple iPad MD328LL... Apple iPad MD328LL... Dam 
Apple Generic Apple Apple Apple Dam 
$559.99 «Prime $1.76 $559.99 «Prime $559.99 Prime $559.99 Prime 

Apple iPad 2 MC979... Apple iPad MC705LL... Apple iPad 2 MC979... Apple iPad MC705LL... iPad 
Apple Apple Apple Apple Edw4 
$416.25 $552.95 $416.25 $552.95 E 
Apple iPad MC705LL... 3 Pack of Black Blue... Kindle Fire, Full Colo... Apple iPad MC705LL... Apple iPad 2 MC979... iPa 

Annle Generic Amazon Annle Annle 


5-19 Amazon Windowshop 应 用 在 同一 页 内 使 用 了 两 种 导航 方式 ， 你 可 以 快速 水 平 或 垂直 滑动 屏幕 
来 浏览 更 多 产品 


《时 代 》 杂志 应 用 (网 5-20) 在 水 平方 回 的 屏幕 里 基本 都 使 用 快速 水 平滑 动手 势 ， 但 在 垂直 
方 回 的 屏 攻 里 混合 了 水 平和 垂直 滚动 。 在 同一 个 应 用 中 ， 人 快速 请 动 或 者 垂直 滚动 都 可 以 让 你 阅 
读 一 篇 文 草 的 下 一 页 。《 时 代 》 杂 志 应 用 的 确 通 过 使 用 小 季 涉 和 “ 深 动 页 面 阅读 更 多 ”( Scroll to 
read more ) 的 红色 文字 来 提示 用 户 可 以 垂直 滚动 ， 但 我 们 的 测试 用 户 对 这 种 不 同 屏幕 方 加 下 的 
不 同 导航 方式 感到 惊讶 , 并且 很 难 适应 ,所 以 不 应 该 让 用 户 在 把 屏幕 从 竖 直 变 成 平 放 (或 者 相反 ) 
之 后 ， 重 新 学 习 使 用 一 种 新 的 界面 。 
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World | 


Bibi’s Choice 


Will he make war? Can he make peace? 


y 
© 


BIS CHOICE — 


HE MAKE WAR? | 
É | 
A 


HE MAKE PEACE? 
RD STENGEL f $. 


/ 


> 


1 


(a) (b) 


5-20 《时 代 》 杂 志 应 用 在 不 同 的 页 面 里 使 用 了 不 同 的 导航 方案 。 要 在 同一 个 应 用 里 阅读 一 篇 文章 的 下 一 页 , 可 以 ( a ) 
REB, (b) 垂直 滚动 


5.1.7 ”快速 滑动 歧义 


使 用 快速 滑动 手势 进 行 前 后 翻 页 存在 一 个 问题 ， 它 可 能 会 与 页 面 中 其 他 需要 水 平 导 航 的 元 
系 产 生 冲 突 ， 特 别 是 跑马 灯 ( 图 5-21 )。 我 们 将 这 种 快速 滑动 手势 的 重 载 称 为 快速 滑动 歧义 〈 人 参 
见 3.1.2  ) 在 大 多 数 时 候 ， 用 户 翻 页 时 并 不 会 用 手指 固定 触 岳 页 面 里 的 菏 个 特定 位 置 〈 比如 
右 下 角 )， 而 是 更 倾向 于 像 在 实体 书 上 那样 进行 翻 页 。 如 果 快 速 滑动 手势 无 法 在 页 面 中 的 各 人 处 都 
起 作用 ， 用 户 就 会 认为 这 个 应 用 程序 是 有 问题 的 。 

《时 代 》 杀 志 应 用 里 的 一 个 页 面 展示 了 快速 渭 动 卜 义 的 现实 例子 ， 页 面 下 部 的 空间 (图 
5-21a ) 被 一 个 跑马 灯 占 据 ， 在 页 面 上 部 快速 水 平 请 动 会 把 用 户 市 到 下 一 篇 文章 ， 而 在 页 面 下 部 
执行 这 个 手势 则 会 转动 跑马 灯 (图 5-21b )。 用户 一 般 不 会 注意 自己 做 快速 滑动 手势 时 的 位 置 ， 
尤其 是 之 前 的 经 验 告诉 他 们 这 个 手势 在 任何 位 置 都 能 使 用 。 在 页 面 上 放 一 个 巨大 的 跑马 灯会 干 
TOV iy B RR ERE - 

这 是 否 说 明快 速 滑动 手势 被 判 了 死刑 ， 你 必须 完全 放弃 它 ? 不 是 。 这 仅仅 说 明了 你 必须 考 
虑 到 用 户 并 不 一 定 会 触摸 屏幕 上 的 某 个 特定 位 置 (如果 希望 他 们 触摸 屏幕 上 的 某 个 特定 位 置 ， 
最 好 是 提供 一 个 按钮 )。 不 过 ， 我 们 确实 知 近 用 户 通 笛 会 在 徘 近 屏 需 两 侧 的 地 方 执行 快速 滑动 操 
作 〈 但 是 具体 在 两 侧 的 什么 位 置 我 们 就 说 不 上 来 了 小 类 似 于 人 们 在 实体 书 上 的 翻 页 方式 。 所 以 ， 
在 屏 硕 垂 生 的 两 侧 留 出 一 些 安 全 的 、 不 会 冲突 的 空 日 区 域 (并 不 一 定 逢 要 留 日 ， 只 要 不 是 跑马 
灯 就 可 以 了 )， 多 数 傅 况 下 就 足够 了 。 玉 一 种 解决 方式 是 不 要 让 跑马 灯 兰 满 页 面 。 如 打 它 只 占据 
了 页 面 的 一 小 部 分 空间 ， 那 么 用 户 在 快速 滑动 时 碰 到 它 的 可 能 性 就 会 降低 。 
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The Culture 


200) . 


The Connections. The 
season's literary links 


THIS SUMMER THE BIG LITERARY NAMES—YOUR KINGS, YOUR 
Grishams, your Meyers—will mostly be silent. It's a good opportunity 
to get to know a crop of lesser-known but exceptionally smart and 
interesting writers that includes Gillian Flynn and Alan Furst, Tana 
French and Maria Semple. In case you're not already familiar with 
them, we've helpfully diagrammed their areas of overlap. 


The Culture 


2/00) . 


The Connections. The 
season's literary links 


THIS SUMMER THE BIG LITERARY NAMES—YOUR KINGS, YOUR 
Grishams, your Meyers—will mostly be silent. It's a good opportunity 
to get to know a crop of lesser-known but exceptionally smart and 
interesting writers that includes Gillian Flynn and Alan Furst, Tana 
French and Maria Semple. In case you're not already familiar with 
them, we've helpfully diagrammed their areas of overlap. 


by Kate Summerscale 
Divorce first became a — 
forordinary citizens in Engl 
1857, and one of the very engins 


Tyler's father served in World Histories 
War Il, but, she writes, “you would 1857,and one of 
" was thatof Hen 


memoir, Tyler has told her father's 


war story, bringing his uried 
memories back tolife in pen and 
ink and watercolor while exploring 
how those experiences affected her 
and herdaughter in turn. (7/17) 


doctor. She wrote of her feelings in i 
a passionate, explicit diary that be- Cheating 
came the centerpiece of a scandalous, 
groundbreaking trial. (6/19) 


(b) 


5-231. 《时 代 》 杂 志 应 用 里 的 快速 滑动 层 义 。 (a) 某 篇 文章 的 页 面 在 屏幕 下 方 有 个 跑马 灯 。 (b) 在 页 面 下 方 
快速 水 平滑 动 会 转动 图 书 跑马 灯 ， 而 不 是 翻 页 


5.1.8 ”导航 过 多 


许多 应 用 将 信息 罕 和 狭小 的 区 域内 ， 这 让 它们 难以 识别 和 操作 。 男 一 个 和 它 存在 联系 的 问 
题 是 ， 一 些 应 用 包含 的 导航 过 多 。:j ea due 普遍 。 虽 然 事实 上 你 可 以 从 至 少 25 种 不 同 
的 导航 技巧 中 进行 选择 ( 这 一 数字 是 我 们 在 信息 架构 课程 里 提 到 的 )， 但 是 任何 一 个 给 定 的 用 户 
界面 应 当 只 包括 其 中 的 几 种 。 这 两 个 问题 互 有 联系 ， 因 为 过 多 的 导航 选项 会 让 其 中 每 一 个 能 使 
用 的 面积 更 少 。 

a wi 个 例子 (图 5-22 )。 这 于 应 用 使 用 了 两 种 不 同 的 导航 方 
式 。 第 一 种 导航 方式 是 传统 的 网 格 ， 里 面 显示 了 各 个 频道 在 什么 时 间 播 放 什 么 节目 。 用 户 可 以 
LAY RELATES. ACCRARIUHR rM. HK 
HEFT EY i PPT TTA, AAS f AAR YA oe rado H fis PSS lia 

是 每 次 只 显示 一 人 1 PGE A 78 FST 要 了 解 现在 正在 播放 的 节目 ， gum 要 在 包含 
lm 了 滚动 。 这 种 体验 类 似 于 用 遥控 需 切 换 频 道 ， 但 这 mok 
是 实际 节目 , 而 是 一 段 节 目 介 绍 。 我 们 的 研究 显示 ,用户 很 少 有 耐心 在 一 长 串 跑 马 灯 里 快速 滑动 ， 
因为 这 AERE HERO. ERRIN AMPIR: ARMEE BARENE 204 
项 目 是 什么 ,但 我 知道 我 永远 都 不 会 找到 答案 。” 
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5-22 iPad 上 的 ATT U-verse WS - 7:16 PM 
E = dEE-. U-verse 
应 用 提供 了 两 种 不 同 的 导航 方式 。 c ATaT U 


Today Jump to Channel 


(a) 显示 节目 和 频道 的 网 格 ; (b) 
次 显示 一 个 频道 和 一 个 节目 的 跑马 灯 


7:00 PM 8:00 PM 


Video On Demand Video On Demand 
The Big Bang Theory The Big Bang Theory Kitchen Nightmares 
The Adhesive Duck Deficiency The Dumpling Paradox Michon's 

MLB Baseball 


The Insider Entertainment Tonight KRON 4 News at 8pm 
NEW | NEW 


Eye on the Bay Judge Judy Undercover Boss 
NEW Diamond Resorts 


EW FAN el EEVA 


Bay Area News at 7 TMZ Who Do You Think You Are? 


Paula Deen 


Jeopardy! Wheel of Fortune Shark Tank 
DC Power Players 


Chinese News Sealed with a Kiss 


AT&T U-verse 


All Categories Jump to Channel 


Cold Case SF Ais. Veer Patho 


+ 65 KKPX Today, 7:00 PM, 1 hr p F ee r ae 
Action | Drama CCM SAP GED aceboo 
Season 6 - Episode 15 ‘ MENU 7" O 
Original Airdate: February 14, 2009 4 ccor 
\ — 
4 
r1 y~ 


Witness Protection 
A teenager who was in the witness protection program goes missing five months after his father, 
who was about to testify against a mob boss, was killed. 


-Explore 


Kathryn Morris, John Finn, Thom Barry, Jeremy Ratchford, Danny Pino, Sarah Brown, Tracie 
Thoms 


=) 
(b) 


TT BESTHILES PB Fe SS SC A, FEARS A, A A MR E 
移动 消 块 呈现 ( 图 5-23a 和 b)， 有 了 时候 则 出 现在 弹出 目录 (图 5-23c ) RESIT HA PEWE, 
以 上 的 导航 方式 没有 一 种 是 有 效率 的 。 操 击 并 按 住 后 才 会 出 现 的 滑 块 并 不 容易 被 发 现 ， 人 们 也 
不 喜欢 它 的 不 可 预测 性 〈 根 据 拖 动 速度 的 不 同 ， 一 些 文章 可 能 会 被 跳 过 )。 这 个 铺 满 页 面 的 跑马 
灯 适 合 在 “等 红 灯 的 时 候 ”( 我 们 一 个 测试 用 户 的 原 话 ) 找 一 篇 简短 的 文章 阅读 ， 但 仍然 需要 进 


sl 
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FTA 24 AYR NA BE Bl — Fk SCE M H oe a ve^) ia dL ES AS Af s AAA), qi H. 
也 需要 进行 相当 多 的 水 平 滚动 。 无 论 实现 方式 是 什么 ， 这 些 长 列表 的 可 用 性 都 要 低 于 像 主 页 一 
样 的 目录 (图 5-23d )， 因 为 如 果 用 户 不 想 继续 阅读 而 想 导 航 到 别 的 位 置 时 可 以 返回 目录 。( 事实 
上 ,许多 寻找 某 一 篇 特定 文章 的 用 户 选 择 了 点 击 弹 出 目录 里 的 “目录 ”链接 ， 而 不 是 在 弹出 目 
录 里 寻找 那 篇 文章 。) 
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ina serious romance, 
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Filly Cheesecake 


EI A Splash of Marilyn 
Barack Obama and his 
girlfriend Genevieve Cook at Just before Marilyn Monroe’s shocking death, in 1962, photographer Lawrence Schiller 
"Norio Connection in 1984, T hit the jackpot, capturing the world's most famous blonde at her most seductive. 
i fang freshman ot Y Fifty years later, in an adaptation from his new book, Schiller reveals the complicated 
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Becomi ng Obama 


In a selection from his biography of Barack Obama, David Maraniss interviews both 
the president and Genevieve Cook—the "mystery woman" of Obama's 
New York days—for a portrait ofthe leader as a young man: just out of college, 
in a serious romance, and painfully figuring out who he wanted to be. 


图 5-23 Vanity Fair 应 用 提供 了 多 种 方式 导航 到 某 一 篇 文章 。 9 
(a) 一 个 包含 整 篇 文章 缩 略 图 的 文章 跑马 灯 ，( b ) 点 击 并 The Devils in the Diva 


Only nine months out of rehab, Whitney Houston was fighting to recover her voice— 


按 住 后 会 会 出 现 一 a. 显示 ZJN 缩 HX I 图 T X. 章 标 题 是 页 的 滑 A. ( C ) TE and her platinum-covered career. She had a new movie, new music, and a new man. 
What led the pop sensation, instead, to her death in a Beverly Hilton bathtub on February 11? 
不 一 小 gK 缩 HX E 图 T X. = 章 标 FIN 的 H SK 分 EE 不 JU 图 i ( d ) ZL Sx Mark Seal investigates, exploring Houston's toxic choices and tragic final days. 
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目录 页 的 超 链 接 版 本 1/5 VANITY FAIR we 


(d) 


5.1 iPad 的 可 用 性 127 


另 一 个 来 目 近期 研究 的 例子 要 感谢 NASA (图 5-24), iPad EJ NASA MH EREE 
个 太阳 系 的 视觉 模拟。 虽然 这 并 不 算是 对 屏幕 空间 的 高 效 利 用 ， 却 是 可 以 接受 的 ， 因 为 这 张 吸 
引 人 的 图 像 在 起 始 页 上 提供 了 广泛 的 选择 ， 同 时 清楚 地 表明 了 这 个 应 用 是 做 什么 的 。 


Jupiter 


Aquarius 


ARTEMI 


5-24 iPad 上 的 NASA 应 用 . 
下 拉 菜 单打 开 之 后 的 主页 


在 用 户 测试 中 我 们 发 现 ， 这 一 屏 存在 的 主要 问题 是 容易 触 措 到 错误 的 天 体 一 一 地 球 和 月 球 
之 间 的 距离 仅仅 是 在 触摸 屏 应 用 程序 中 分 隔 物体 的 可 用 性 原则 建议 值 的 60%。 可 触 控 项 目 之 间 
的 距离 至 少 应 有 1 EX (0.4 英寸 )。 

另 一 个 可 用 性 问题 则 与 空间 利用 有 关 《〈 屏 幕 空 间 ， 不 是 宇宙 空间 )。 展 示 卫 星 任务 的 下 拉 沫 
单 因为 两 个 原因 难以 使 用 。 首 先 ， 这 个 按钮 的 图 标 看 上 去 更 像 是 鱼 上 骨架 ， 而 不 是 卫星 ， 不 过 这 
个 相对 来 说 算是 小 问题 。 

更 大 的 问题 在 于 ， 要 穿越 长 长 的 任务 列表 是 人 力 难以 胜任 的 ， 因 为 看 起 来 像 是 要 进行 无 穷 
无 尽 的 滚动 。 另 外 ， 和 赁 图 片 和 和 名字 缩 写 很 难 分 辨 各 种 卫星 。 大 多 数 了 卫星 看 起 来 一 模 一 样 ， 除 非 
你 对 科学 的 痴迷 程度 超过 了 NASA 这 区 应 用 的 目标 用 户 ， 你 才能 分 辨 它们 。 

设计 者 试图 模拟 一 个 大 型 荣 单 (mega menu )， 但 是 因为 以 下 一 些 原 因 无 法 获得 相应 的 益处 。 

B 缺乏 对 菜单 项 目的 分 类 。 一 个 好 的 大 型 闲 单 会 将 这 些 任 务 分 成 几 个 组 ， 并 为 每 个 组 起 一 

个 名 字 。 这 么 做 的 好 处 是 大 大 降低 了 寻找 特定 类 型 卫星 的 难度 ， 比 如 近日 行星 探索 卫星 。 

图 缺乏 对 标签 的 解释 。 举 个 例子 ， 用 户 可 能 需要 知道 ACE 用 于 探测 高 能 粒子 ， 而 AIM 用 

于 人 研究 大 气 圈 中 间 层 里 的 冰 。 

B 图 像 毫 无 意义 。 有 再 谋 亮 的 泡沫 也 还 是 泡沫 。 

相 比 这 种 无 穷 滚 动 的 染 单 ， 更 好 的 设计 方案 是 将 用 户 市 到 一 个 单独 的 全 屏 预 览 页 ， 里 面 用 
单一 的 视图 显示 所 有 的 卫星 任务 ， 从 而 使 用 户 很 容易 就 能 进行 比较 。 只 要 你 提供 了 回 到 主 视图 
的 简便 方式 ， 在 这 上 面 花费 更 多 的 屏 磊 空间 是 可 以 接受 的 。 

这 种 又 小 又 难 用 却 在 iPad 应 用 里 逐渐 流行 的 交互 区 域 部 分 要 归咎 于 笠 果 公司 ， 因 为 它 在 默 
认 电 子 邮 件 程 序 ( 图 5-25) 里 用 的 就 是 这 种 差劲 的 设计 。 收 件 箱 以 一 列 狭 笨 的 侧 下 拉 沫 单 形式 
显示 。 这 在 横 癌 屏幕 视图 里 很 不 钳 ， 因 为 用 户 能 在 收 件 箱 和 邮件 之 间 快 速 切换 ， 所 以 处 理 邮 件 
的 速度 很 快 。 但 是 , FED Ra LEB OPERE ERR DUE s EE GN zn, 部 分 遮挡 了 邮件 内 容 ， 
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使 得 用 户 无 法 同时 使 用 这 两 个 面板 。 不 能 同时 使 用 的 话 为 什么 要 显示 它们 ? 要 为 阅读 优化 的 话 ， 
更 好 的 方式 是 将 收 件 箱 显 示 在 整个 平板 电脑 的 屏 莫 上， 展示 更 多 邮件 和 每 封 邮件 更 详细 的 预览 。 


但 是 ， 设 计 者 却 选择 为 保存 当前 状态 优化 ， 而 不 是 利用 屏幕 空间 。 它 方便 了 用 户 ， 在 阅读 邮件 


时 如 条 想 要 快速 检查 邮箱 ， 就 可 以 轻 触 顶部 的 按钮 ， 在 弹出 面板 里 查看 收 件 箱 的 内 容 ， 然 后 天 
闭 弹 出 面板 ， 回 去 继续 阅读 刚才 的 邮件 。 
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图 5-25 iPad 上 的 Mail 邮件 应 用 。 (a) 横向 屏幕 视图 ，(b ) 纵 Lx 


向 屏幕 视图 。 纵 向 屏幕 视图 左 侧 名 为 “垃圾 邮件 ” ( Spam ) 的 面 | Umm 
板 位 于 邮件 内 容 上 方 ， 部 分 遮挡 了 下 面 的 内 容 a 
虽然 弹出 面板 和 分 隅 视图 ( 比如 图 5-25 里 展示 的 Mail 邮件 应 E 

iPad， 但 它们 在 iPhone 上 正 变 得 越 来 越 多 (图 5-26 )。 不 对 的 是 ， 它 们 又 占据 了 一 部 分 iPhone 
本 已 很 小 的 屏 硕 空间 ， 迫 使 用 户 在 极 小 的 对 话 框 里 进行 深 动 ， pe lag hed 造成 生 
产 力 低下 。 另 外 ， 弹 出 面板 里 的 内 容 经 常会 被 截断 〈 图 5-26a) 或 者 以 更 小 的 字体 显示 ，40 岁 
以 上 的 人 阅读 这 些小 字 可 能 会 有 困难 。( 许多 移动 设计 师 可 能 正 处 于 30 多 岁 的 年 龄 段 ， 但 请 相 
信 我 们 ， 你 的 视力 很 快 就 会 慢 慢 衰退 。) 

弹出 面板 或 分 隔 视图 的 一 种 族人 之 处 在 于 它们 能 保持 上 下 文 环 境 ， 用 户 可 以 继续 浏览 (在 
痛 景 中 ”或 在 侧面 ) 弹出 面板 出 现 之 前 他 们 所 处 的 页 面 。 ee 因为 屏 
we STEADY), HRE ERKKA AY DOA AaB SS i GT TE ER Se BAR, Aat AR EDO 

请 注意 ， 和 iPad 上 的 Mail 应 用 (图 5-25 ) 不 同 ， ie 
5-26 里 的 例子 所 示 ) 使 用 的 ， 就 不 存在 刚才 所 说 的 “让 用 户 可 以 快速 检查 新 内 容 ， 然 后 回 到 之 
前 所 做 的 事情 中 ”这 个 优点 了 ， 因 为 弹出 面板 里 的 信息 是 固定 不 变 的 ， 用 户 通 常 不 会 在 检查 主 
题 或 类 型 列表 之 后 返回 刚才 所 在 的 文章 或 频道 列表 ， 除 非 误 触 了 弹出 面板 ， 不 过 这 种 情况 添加 
一 个 后 退 按 钮 就 可 以 了 。 
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5-26 iPhone 上 的 分 隔 视图 和 © 区 ws 本 二 alll AT&T M-Cell 全 2:13 PM 

弹出 面板 。 (a) AP Mobile 应 用 [CAO MIEN ITANE watch Downloadable Shows 
里 的 滑动 分 隔 视 图 ;，( b )U-verse Q) 

应 用 里 的 弹出 面板 1.26 million 条 Sorted a-z All Genres 
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(a) 


5.1.9 ”欢迎 页 面 和 局 动 声 音 


欢迎 页 面 是 男 一 种 在 iPad 时 代 卷 土 重 来 的 旧式 Web 做 法 。 我 们 曾经 以 为 Jakob Nielsen 写 
的 Designing Web Usability 一 书 在 许多 年 前 就 给 欢迎 页 面 的 棺材 裔 上 了 最 后 一 根 杀 子 。 但 是 ， 很 
显然 欢迎 页 面 是 一 种 阴魂 不 散 的 超级 吸血 鬼 。 一 些 新 款 iPad 应 用 有 着 长 长 的 介绍 片段 ， 第 一 次 
可 能 很 有 娱乐 性 , 但 不 久 就 会 让 用 户 厌 烦 。 欢 迎 页 面 不 适合 网 站 , 也 不 适合 应 用 , 所 以 别 用 它们 。 

DJA 87] BER ATE fJ SRL AY TT, TEEN EL EE A BARA Ia, th 
有 进度 条 ， 而 且 和 应 用 的 主页 也 没有 任何 关系 。 

许多 设计 师 强 迫 自 己 一 定 要 在 应 用 启动 时 显示 复 森 的 图 形 界面 。 有 了 时候 这 就 意味 者 需要 好 
几 秒 才能 载 人 的 复杂 动画 。 虽 然 可 爱 的 动画 在 应 用 第 一 次 启动 时 能 给 用 户 带 来 快乐 ， 但 在 第 五 
次 时 就 会 变 得 烦人 。 

有 些 应 用 更 进一步 ， 在 欢迎 页 面 上 加 入 视频 或 者 声音 。 像 Martha Stewart Cocktails 和 阿 
AR * SEAREY Our Choice 这 些 应 用 在 局 动 时 会 播放 一 段 视 频 。 另 外 的 一 些 ， 比 如 Moviefone 和 
Gilt 应 用 会 在 启动 时 发 出 一 些 声 首 。 我 们 强烈 建议 不 要 使 用 启动 声音 。 用 户 在 启动 一 款 应 用 时 
不 会 预料 到 能 听见 声音 ， 而 且 他 们 经 尝 身 处 不 适合 发 出 声音 的 场合 ， 试 想 一 下 在 员工 会 议 的 中 
途 突然 听 到 一 句 “ 欢 迎 使 用 Moviefone”， 成 何 体 统 。 


5.1.10 ”屏幕 显示 方 回 

我 们 在 一 开始 就 告诉 调研 参与 者 可 以 使 用 任何 一 种 让 他 们 感觉 舒服 的 iPad Bf: Sz 27 18] , 
也 可 以 在 自己 认为 合适 的 时 候 切 换 显 示 方 向。 在 大 多 数 情况 下 ， 受 试 者 会 在 测试 开始 时 选择 茶 
一 种 显示 方向 ， 然 后 一 直 用 到 测试 结束 。 他 们 很 少 主动 变换 显示 方向 ， 除 非 认 为 这 么 做 可 以 更 
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好 地 查看 图 片 、 让 文字 变 大 或 者 全 屏 观 看 视频 。 有 时 候 应 用 程序 会 迫使 他 们 更 改 屏 各 显示 方 问 
才能 正常 使 用 。 


微软 公司 的 Surface 平 板 电 脑 内 建 一 个 支撑 板 ， 鼓 励 横 向 使 用 这 种 设备 。 在 本 书写 作 的 
时 候 我 们 尚未 测试 过 任何 Surface 用 户 ， 但 预计 因为 有 这 块 支撑 板 ， 横 向 使 用 这 种 设备 的 情 
WMA LA Ke NL, 


提 到 上 自己 更 侦 好 槛 回 屏 幕 视图 的 用 户 数量 稍微 多 一 些 。 一 个 看 起 来 有 关联 的 因素 是 他 们 是 
否 使 用 iPad 保护 套 。 那 些 用 保护 套 的 人 提 到 他 们 经 常会 将 处 于 横 回 显示 模式 的 iPad 文 起 来 使 用 。 
另外 ， 电 脑 显 示 需 通常 都 是 横向 显示 的 ， 就 像 我 们 的 一 位 用 户 所 解释 的 : 

“我 的 工作 电脑 屏幕 和 我 家 里 的 笔记 本 电脑 屏幕 都 是 横向 显示 的 。 所 以 从 直觉 上 ， 当 我 看 着 
一 个 电子 设备 屏幕 时 ， 大 脑 会 告诉 我 将 它 看 成 是 横向 显示 的 。 我 在 查看 图 片 时 会 不 时 切换 横向 
显示 和 纵向 显示 ， 如 果 是 阅读 或 者 观看 视频 之 类 的 ， 我 就 会 自动 切 回 到 横向 显示 模式 。 

许多 程序 会 尽量 利用 横向 显示 模式 所 囊 来 的 额外 水 平 空 间 。 但 是 ， 他 们 有 时 做 得 太 过 火 了 ， 
用 户 只 有 将 设备 改 成 横向 显示 后 才能 使 用 某 些 应 用 功能 。 

在 BBC 应 用 中 (图 5-27 )， 我 们 注意 到 一 些 用 户 无 法 找到 健康 或 体育 版 块 ， 这 些 主题 只 有 
在 槛 回 屏 幕 视图 里 才能 找到 。BBC 还 改变 了 横 回 屏幕 视图 里 的 页 面 布 局 ， 将 顶部 的 导航 栏 变 成 
了 导航 面板 。 我 们 的 测试 用 户 里 似乎 没有 人 发 现 这 款 应 用 在 不 同 的 屏幕 显示 模式 下 会 有 不 同 的 


行为 ， 那 些 只 有 在 茶 一 种 屏 需 显示 模式 里 才能 使 用 的 功能 极 不 容易 被 发 现 。 
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Lockerbie bomber Megrahi is dead 


Abdelbaset al-Megrahi, the only person 
cted over the 1988 Lockerbie 

bombing above Scotland which killed 

270 people, has died at his home in 
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Abdelbaset al-Megrahi, the only person convicted over the 1988 Libya. 
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SPORT 4 Megrahi, 60, was convicted by a special court in the Netherlands in = > TAP TO PLAG 3 
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ALSO IN THE NEWS 


He was freed from Scottish jail in 2009 
on compassionate grounds because of 
cancer, stirring controversy when he 
outlived doctors' expectations. 


WATCH/LISTEN 


He was freed from Scottish jail in 2009 on compassionate grounds 
because of cancer, stirring controversy when he outlived doctors’ 
MUNDO ^ expectations. we 4 ; 2 i 
UK Prime Minister David Cameron said it was a day to remember the 270 victims of "an appalling terrorist 
5 act". 
ERAGI A Listen to The Economist wherever you are 
Subscribe on your iPad for only $1 a week 


Mr Cameron, who is in Chicago for a Nato summit, said Megrahi should never have been freed, Reuters 
CHINESE (TRADITIONAL) - A news agency reports. 


( ) Scottish First Minister Alex Salmond also said Megrahi's death was an occasion to remember the victims of 
a Lockerbie. 


He said Lockerbie was still a live investigation and that Scottish prosecutors had never believed Megrahi 
was the only person responsible. 


5-27 BBC 的 iPad 版 应 用 在 两 种 屏幕 显示 方向 下 展示 不 同 的 
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可 用 的 ， 


图 里 把 它 移 到 右 侧 ， 反 之 亦 然 (图 5-28 )。 
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China will work to speed up approvals of qualified foreign institutional investors 
looking to buy into its domestic securities, as part of reforms aimed at adding depth to 
the country's capital markets. 


China's foreign exchange regulator has approved $26 billion in QFII quotas for 138 
qualified investors as of May 16, according to a statement posted on the State 
Administration of Foreign Exchange yesterday. 


"SAFE has been working closely with China Securities Regulatory Commission to 
facilitate the capital market reforms," said Sun Lujun, head of the capital-account 
management department at SAFE, according to the statement. “We'll look to speed 
up the QFII approval process and enlarge the size of investment.” 


Introducing more long-term overseas funds in domestic securities may help add 
breadth and depth to the country's capital markets as it seeks to overhaul its 
economy. Authorities more than doubled quotas for QFlIIs last month to $80 billion 
from $30 billion. 


The Shanghai Composite Index has dropped 4.7 percent from this year's high, set on 


March 2, amid concerns over the country's slowing economic growth. It has lost 
nearly two-thirds of its value since its peak in October, 2007. 
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(b) 


5.1.11 为 了 更 好 的 iPad 用 户 体 验 


我 们 很 高 兴 地 看 到 ,现在 的 iPad 用 户 界面 明显 比 这 款 平 板 设 备 刚 推出 时 更 正规 了 ,更 棒 的 是 ， 
看 到 我 们 之 前 所 提 的 一 些 建 议 被 采纳 ， 这 包括 了 在 应 用 里 加 入 以 下 功能 。 
B 后 退 按钮 。 
图 广泛 使 用 搜索 。 
B 主页 。 
B 吕 以 在 首页 点 击 标题 直接 进入 对 应 的 文章 。 
即使 如 此 ， 近 期 的 测试 还 是 能 发 现 许 多 人 负面 宁 例 ， 包 括 用 户 误 触 某 个 地 方 之 后 找 不 到 返 
前 一 屏 的 方法 ， 还 有 在 一 些 杂 志 应 用 里 需要 做 多 步 才能 到 达 目 录 页 。 
要 提高 iPad 设计 的 可 用 性 ， TRIERU PIL , 
图 增加 普 适 性 ， 更 好 地 定义 每 一 个 交互 区 域 ， 
来 增加 可 发 现 性 。 
B 要 获得 交互 性 的 好 处 ， 就 不 要 拘泥 于 蚀刻 玻璃 式 的 审美 观 。 超 越 iPad 第 
风格 可 能 会 稍稍 降低 屏幕 的 吸引 力 ， 但 设计 师 能 够 保持 住 大 部 分 的 美感 ， 


通过 让 用 户 感知 到 在 何 处 可 以 执行 何 种 功能 


一 代 应 用 的 平面 
只 要 让 GUI 提 
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示 比 从 萨 果 系统 到 Windows 7 普遍 使 用 的 、 由 醒目 视觉 元 系 构 成 的 GUI 风格 更 精巧 一 些 
Bi ay o 

B 抛弃 用 非 主 流 的 方式 给 应 用 增值 的 想法 。 更 好 的 方式 是 使 用 一 致 的 交互 技术 ， 让 用 户 的 
注意 力 集中 在 内 容 上 ， 而 不 是 让 他 们 疑惑 怎样 才能 找到 它 。 

B 文 持 标准 的 导航 方式 ， 包 括 给 大 多 数 应 用 加 一 个 后 退 功 能 ， 还 有 搜索 、 可 点 击 标 题 和 一 
个 主页 。 


5.2 Kindle 可 用 性 


亚马逊 销售 多 种 Kindle 设备 ， 虽 然 大 多 数 Kindle 设备 主要 是 作为 电子 书 阅读 器 宣传 和 使 
用 的 ，Kindle Fire 却 算 得 上 一 蒜 中 等 尺寸 的 平板 电脑 。 在 本 市 中 我 们 首先 讨论 老 版 本 的 Kindle, 
它们 使 用 电子 墨水 ， 主 要 的 功能 集中 在 阅读 电子 书 上 。 然 后 ， 我 们 讨论 最 流行 的 中 等 尺寸 平板 
电脑 一 一 Kindle Fire 的 可 用 性 。 


5.2.1 Kindle: BFE HEES 


Kindle 在 一 个 交互 设计 领域 中 独 放 异 彩 : 翻 页 。 这 一 种 功能 有 两 个 按钮 ， 位 于 设备 的 两 侧 。 
问 前 翻 页 是 一 种 相对 少见 的 操作 ， 由 一 个 单独 的 、 较 小 的 按钮 很 好 地 实现 。 

所 以 说 ， 该 设备 为 线性 阅读 这 个 任务 提供 了 良好 的 支持 。 这 点 恰如其分 ， 因 为 Kindle 的 设 
计 就 是 围绕 着 这 个 核心 任务 进行 的 。 当 你 阅读 的 时 候 ， 唯 一 的 交互 操作 就 是 反复 点 击 翻 页 按钮 。 

但 是 ， 其 他 的 一 切 就 乏善可陈 了 。 

在 第 一 代 Kindle 中 ， 大 多 数 的 Kindle 交互 操作 都 是 由 一 个 叫做 五 向 键 的 小 操纵 杆 控制 的 ， 
通过 它 你 能 将 光标 天 4 个 方 回 移动 ， 第 五 种 操作 则 是 按 下 。 新 版 的 Kindle 用 5 个 等 同 的 按钮 代 
蔡 了 五 向 键 : 4 个 箭头 按钮 和 1 个 居中 按钮 。 无 论 你 用 的 是 五 回 键 还 是 箭头 按钮 ， 在 屏幕 里 移 
动 光 标 都 是 极度 烦人 的 ， 根 本 感觉 不 到 是 在 直接 控制 。 让 光标 停留 在 你 希望 的 位 置 需要 进行 大 
量 的 操作 。 

FAX, Kindle 的 速度 很 慢 。 每 当 输 入 一 个 命令 ， 它 都 会 在 执行 前 等 上 一 阵子 。 甚 至 连 翻 页 
都 有 些 拖 洛 ， 其 他 的 操作 就 更 不 用 说 了 ， 绝 对 缓慢。 

总 而 言 之 ， 难 用 的 指点 功能 + 迟钝 的 反应 时 间 = 一 种 差劲 到 用 户 都 不 愿 探索 和 尝试 执行 各 
种 任务 的 UX。 


1. 不 适合 非 线性 内 容 的 设计 
这 种 非 线性 内 容 中 存在 的 可 用 性 问题 很 致命 ， 因 为 它 揭示 了 一 个 更 深层 次 的 问题 Kindle 
的 UX 基本 上 就 是 在 模拟 阅读 实体 书 。 这 种 认为 你 会 希望 从 头 开始 阅读 每 一 音节 的 想法 适用 于 
书籍 ， 因 为 其 中 的 大 多 数 都 是 基于 线性 的 展示 。 但 不 幸 的 是 ， 其 他 的 许多 内 容 集合 却 不 适合 使 
用 这 种 方式 ， 包 括 报纸 、 杂 志 ， 甚 至 某 些 非 虚构 的 书籍 ， 比 如 旅游 指南 、 百 科 全 书 和 食谱 。 
所 以 ， 这 种 让 Kindle 适合 于 阅读 小 说 和 其 他 线性 非 虚 构 作 品 的 设计 决策 ， 让 它 成 为 了 不 甚 
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理想 的 阅读 非 线 性 内 容 的 设备 。 当 然 ， 亚 马 逊 的 设计 师 们 可 以 修补 简单 的 UIT, Hd 
目录 的 交互 设计 。 但 这 么 做 只 是 简单 地 贴 上 了 一 张 创 可 贴 。 要 真正 为 非 线 性 用 户 体验 进行 优化 ， 
他 们 必须 彻底 重 构 Kindle 的 设计 理念 。 


iPhone 上 的 Kindle 阅 读 应 用 


亚马逊 还 提供 了 一 个 可 以 显示 Kindle 格 式 电 子 书 的 iPhone 应 用 程序 (图 $-29a ) 。 在 
费 一 些 时 间 ， 因 为 在 更 小 的 屏幕 里 翻 页 会 花费 


iPhone t iż — A 45 85 m-re fe Kindle. E £ 5 
更 多 的 时 间 。 

如 果 使 用 让 我 们 感觉 舒适 的 字体 大 小 ， 在 iPhone 版 Kindle 应 用 里 的 翻 页 数 要 比 在 
Kindle 里 多 21%。 如 果 是 这 款 iPhone 应 用 的 默认 字体 大 小 ( 对 我 们 而 言 有 些 偏 大 ) ， 则 会 
比 Kindle 的 翻 页 数 多 出 一 倍 

iPhone 版 Kindle 应 用 vods oS OR C 即 保持 左右 两 侧 齐 平 ) 的 格式 显示 页 面 文字 。 这 种 
格式 略微 降低 了 可 读 性 ， 特 别 是 在 列 数 不 多 ee 
子 书 阅读 应 用 ) 只 使 用 左 对 齐 的 格式 ， 这 对 阅读 而 言 是 一 种 更 好 的 选择 ( 图 5-29b ) ， 

为 眼球 不 再 需要 适应 单词 之 间 宽 度 多 变 的 空白 间距 了 。Kindle 的 默认 字体 有 些 偏 大 ， 而 
iBooks 做 到 了 在 页 面 里 显示 更 多 文字 ( 还 增加 了 标题 和 页 数 显示 ) 的 同时 仍然 保持 了 多 读 性 
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world was being watched 
keenly and closely by intelli- 
gences greater than man's and 
yet as mortal as his own; that 
as men busied themselves 
about their various concerns 
they were scrutinised and 
studied, perhaps almost as 
narrowly as a man with a 
microscope might scrutinise 


书 阅读 应 用 : (a) Kindle; 
(b) iBookse Kindle 以 两 
站 对 齐 的 格式 显示 文字 ， 

而 iBooks 使 用 的 是 左 对 齐 


the transient creatures that 
swarm and multiply in a drop 
of water. With infinite compla- 
cency men went to and fro over 
this globe about their little 


A Tale of Two Cities 


ceived through any of the chickens 
of the Cock-lane brood. 

France, less favoured on the 
whole as to matters spiritual than 
her sister of the shield and trident, 
rolled with exceeding smoothness 
down hill, making paper money and 
spending it. Under the guidance of 
her Christian pastors, she enter- 
tained herself, besides, with such 
humane achievements as sentencing 
a youth to have his hands cut off, his 
tongue torn out with pincers, and 
his body burned alive, because he 
had not kneeled down in the rain to 
do honour to a dirty procession of 
monks which passed within his 
view, at a distance of some fifty or 
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(a) 


2. 跨 设备 集成 


Kindle 的 iPhone 有 版 应 用 可 用 性 很 差 .但 和 其 他 Kindle J^ 


用 无 线 连接 来 支持 多 台电 脑 的 一 个 典范 。 


(b) 


应 用 及 设备 的 集成 却 很 不 错 。 


它 是 使 
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你 可 以 利用 桌面 电脑 优异 的 网 页 浏览 在 网 站 上 购买 一 本 电子 书 ， 然 后 在 家 里 的 Kindle Efi] 
读 ， 或 者 在 牙医 候诊 室 里 用 智能 手机 看 ， 甚 至 在 飞机 上 用 iPad 看 都 行 。 事 实 上 ， 你 可 以 轮流 在 
不 同 的 设备 上 阅读 同一 本 书 。 它 们 会 日 动 同步 ， 当 你 打开 一 本 书 时 就 会 跳 到 上 次 你 在 男 一 台 设 
备 里 最 后 看 的 那个 位 置 。 

亚马逊 为 了 方便 用 户 直 接 在 Kindle 上 购买 电子 书 ， 做 了 不 少 努 力 。 但 是 ， 在 全 功能 PC 上 
的 完整 版 Amazon.com 网 站 里 购买 电子 书 还 是 要 容易 很 多 。 

不 过 ， 亚 马 逊 仍然 值得 称赞 ， 因 为 它 将 PC 端 购买 和 Kindle 上 阅读 集成 得 天 衣 无 缝 。 如 果 
你 身 处 亚马逊 能 提供 服务 的 国家 而 且 有 无 线 网 络 覆 盖 ， 只 需 在 PC 上 点 击 一 次 ， 电 子 书 就 会 自 
动 出 现在 你 的 Kindle 中 ， 不 用 特别 进行 安装 。 


3. 电子 书 : 好 主意 还 是 坏 主意 ? 

Jakob Nielsen 曾 在 1998 年 写 了 一 篇 论文 ， 标 题 是 “电子 书 : 一 个 坏 主意 ”。 但 今天 我 们 则 
会 讽 它 是 一 个 好 主意 ， 至 少 对 小 说 和 简单 的 非 虚构 类 作品 而 言 如 此 。 和 截至 2012 年 2 月 ，Pew 
Internet 的 统计 数据 表明 ， 超 过 五 分 之 一 的 美国 人 阅读 过 一 本 电子 书 ， 而 且 他 们 中 的 30% 拥有 一 
合 像 平 板 电脑 或 者 电子 书 阅 该 天 这 样 可 以 旋 电 子 书 的 设备 。 


Pew Intemet 的 报告 名 为 “电子 阅读 的 兴起 ” ( The rise of e-reading, Pew Internet, 2012) , 
作者 是 L. Rainie, K. Zickuhr, K. Purcell, M. Madden 和 J. Brenner。 你 可 以 在 这 里 下 载 这 份 
报告 : http://libraries.pewinternet.org/2012/04/04/the-rise-of-e-reading。 


发 生 了 什么 事 ” 亚 蕊 还 激进 的 电子 书 定价 策略 很 可 能 在 其 中 扮演 了 重要 的 角色 。 但 是 ， 从 可 
用 性 的 角度 看 则 有 3 个 关键 的 因素 : Ca) 便利 性 ; Cb) 等 同 于 印刷 版 的 可 读 性 ; (c) 多 设备 集成 。 

拥有 一 台 专 门 为 阅读 小 说 以 及 其 他 不 依赖 于 图 像 或 者 不 需要 用 户 前 后 翻 找 的 线性 非 虚构 作 
品 而 定制 的 电子 设备 ， 的 确 能 带 来 一 定 的 好 处 。 

对 于 那些 使 用 公共 交通 工具 旅行 或 上 下 班 的 人 来 说 ， 电 子 书 可 能 会 很 有 用 ， 这 是 因为 下 面 
几 点 原因 。 

m 携带 的 重量 减轻 了 。 我 们 近期 去 非洲 塞 伦 盖 蒂 国 家 公园 旅行 的 时 候 ， 要 是 把 10 本 书 放 在 

一 台 设 备 里 就 好 了 ， 因 为 在 这 场 为 期 2 周 的 探险 里 ， 我 们 只 被 允许 携带 22 磅 重 的 行李 。 

B 不 会 被 报纸 上 的 油墨 弄 脏 手指 。 

B 在 拥挤 的 火车 或 公共 汽车 上 翻 页 更 容易 一 些 。 

能 够 与 手机 或 者 iPad 同步 增加 了 可 以 阅读 的 场合 。 举 个 例子 ， 如 果 你 正在 候诊 室 里 等 待 ， 
而 且 没 有 带电 子 书 阅 读 融 ， 这 时 候 就 可 以 取出 手机 来 利用 一 下 这 上 段 本 来 会 被 浪费 的 时 间 。 多 设 
备 阅 读 是 Kindle 优 于 实体 阅读 的 一 个 地 方 ， 它 能 做 到 印刷 版 书籍 做 不 到 的 事情 。 

除了 旅客 和 上 班 族 ， 另 一 类 受益 的 用 户 群 体 则 是 老年 人 和 视力 衰弱 人 士 。 大 字体 和 多 设备 
阅读 是 Kindle 优 于 实体 阅读 的 两 大 功能 。 

不 过 , 对 那些 只 在 家 里 看 书 的 人 来 说 , 印刷 版 就 足够 了 了 。Kindle 在 线性 阅读 方面 没什么 优势 ， 
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在 非 线 性 内 容 上 则 有 者 许多 劣势 。 


5.2.2 Kindle Fire 可 用 性 


亚马逊 的 Kindle Fire 提供 了 让 人 失望 的 糟糕 的 用 户 体 验 。 用 Silk Deas TA] Web 很 麻烦 ， 
而 且 容 易 出 错 。 阅 读 下载 的 杂志 也 好 不 到 哪里 去 。 不 过 ，Kindle Fire 的 用 户 测 试 的 确 帮助 我 们 
理解 了 这 种 新 一 代 的 7 英寸 平板 电脑 是 更 像 10 英寸 的 平板 电脑 (例如 iPad )， 还 是 更 像 3.5 英 
才 的 手机 。 透 露 一 下 我 们 的 绪论: 两 者 都 沾 点 边 。 


1. “ 胖 手指 ”问题 让 移动 网 站 胜出 

我 们 在 测试 Kindle Fire 时 最 震惊 的 发 现 是 ， 屏 幕 里 的 一 切 都 太 小 了 ， 触 控 错 误 和 意外 触发 
经 常会 发 生 。 如 果 你 没有 观察 过 用 户 费 力 触摸 Kindle Fire 里 的 元 素 ， 就 不 算是 见 过 真正 的 “ 胖 
手指 ”问题 。 一 个 可 怜 的 家 伙 论 了 好 儿 分 钟 试图 登录 Facebook， 却 层次 因为 误 触 了 别 的 输入 框 
或 按钮 而 失败 ， 而 这 还 是 在 一 张 只 有 两 个 文本 输入 框 和 一 个 按钮 的 页 面 上 ( 图 5-30 )。( 在 我 们 
il iow HIR, Facebook 略微 修改 了 它 的 登录 页 面 ， 但 效果 仍 值得 质疑 ， 如 图 5-31 所 示 。 ) 


facebook 


Facebook 


facebook 


图 5-30 ”触摸 Kindle Fire 里 细小 的 输入 框 和 按钮 是 一 件 容 Help Center 
English (US) : Espanol * Portugués (Brasil) * More 
易 出 错 的 事 儿 ail 


Facebook ©2012 


5-31 Facebook.com 更 新 后 的 登录 页 面 ， 输 入 框 依然 
过 于 拥挤 ， 登 录 按 钮 很 危险 地 靠近 着 “忘记 密码 ” (Forgot 
password? ) 链接 


我 们 在 本 章 开 头 说 过 ， 完 整 版 网 站 在 10 英寸 平板 电脑 上 表现 不 错 。 同 时 ， 正 如 我 们 在 第 2 
章 里 所 讨论 的 ， 对 手机 的 测试 表明 ， 特 别 优化 过 的 移动 网 站 更 适合 手机 大 小 的 触摸 屏 (一 般 是 
3 到 5 英寸 的 对 角 线 长 度 )。 

在 7 英寸 平板 电脑 上 访问 蝎 面 问 的 设计 就 像 是 将 一 个 尺码 数 是 10 的 人 塞 进 一 件 尺码 数 是 6 
的 衣服 里 ， 样 子 不 会 太 好 看 。 但 Kindle Fire 就 是 试图 在 这 样 做 。 在 我 们 的 测试 中 ， 用 它 访 问 时 
面 端 网 站 基本 上 就 等 同 于 失败 。Kindle Fire 的 屏幕 太 小 ， 阅 读 桌 面 端 的 普通 网 页 时 如 果 不 放 大 
就 很 难看 清楚 。 而 用 户 们 使 用 移动 网 站 时 的 表现 就 好 得 多 了 (图 5-32 )。 因 此 ，Kindle Fire 更 接 
近 于 一 台大 屏幕 手机 ， 而 不 是 大 屏幕 平板 电脑 。 
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图 5-32 Buy.com 在 Kindle Fire 上 的 两 个 版 本 (a) 完整 版 网 站 ;，(b) 移动 网 站 。 移 动 网 站 更 适合 


Kindle Fire 


在 7 英寸 屏幕 上 访问 为 3.5 英寸 移动 屏幕 优化 过 的 网 站 感觉 很 奢侈 ， 类 似 于 在 30 英寸 的 显 
示 絮 上 浏览 一 个 普通 网 站 。 你 拥有 无 穷 无 尽 的 空间 ， 基 本 不 用 其 至 完全 不 用 深 动 就 能 看 到 整 张 
页 面 。 


2. 使 用 Kindle Fire 

我 们 对 Kindle Fire 进行 测试 ， 并 不 是 为 了 给 消费 者 是 否 应 当 购 买 这 样 一 人 台 设 备 提 建 议 。 
我 们 的 目的 是 为 那些 制作 网 站 、 应 用 或 内 容 的 企业 寻找 设计 原则 ， 帮 助 他 们 应 对 有 可 能 使 用 
ee 

即便 如 此 ， 我 们 对 这 台 实 体 设备 还 是 有 一 些 发 现 ， 这 些 发 现 来 自 于 我 们 自己 的 使 用 经 验 和 
可 用 性 调研 。 

Kindle Fire 是 一 个 很 重 的 物件 ， 将 它 端 在 手 里 时 间 久 了 会 不 舒服 。 除 非 你 有 大 力 水 手 那样 
的 前 臂 肌 肉 ， 和 否则 无 法 整 晚 舒适 地 阅读 一 本 让 人 着 迷 的 小 说 。 缺 乏 翻 页 用 的 物理 按键 也 损害 了 
用 户 阅读 小 说 的 体验 。 在 之 前 版 本 的 Kindle 里 ， 你 可 以 将 手指 停放 在 按钮 上 上， 因为 它 只 有 翻 页 


5.2 Kindle 可 用 性 137 


一 个 作用 。 不 时 去 点 触 控 屏幕 上 的 一 块 区 域 会 中 断 阅读 快感 ， 而 且 有 时 候 容易 出 错 ， 还 会 将 脏 
东西 留 在 屏幕 上 。Kindle Fire 的 屏幕 反光 也 比 传统 的 Kindle 更 为 严重 。 

对 阅读 小 说 而 言 ， 普 通 的 Kindle 更 胜 一 筹 。 

如 果 是 非 虚构 作品 ， 比 如 教科 书 和 杂志 ， 普 通 Kindle 糟糕 的 交互 设计 就 会 让 导航 变 得 困难 ， 
而 且 它 的 灰 度 屏幕 不 能 正常 显示 图 像 。 

相 比 之 下 ，Kindle Fire 对 于 阅读 杂志 和 其 他 轻 量 级 非 虚 构 作 品 来 说 可 能 要 好 得 多 ， 前 提 是 
杂志 应 用 从 它们 在 iPad 上 的 兄弟 那里 学 到 了 教训 。Kindle Fire 仍然 不 能 很 好 地 支持 那些 需要 用 
户 经 党 翻 查 书 中 其 他 部 分 的 深度 阅读 。 虽然 它 有 一 块 触 挽 屏 , 但 用 户 在 书 中 导航 还 是 又 慢 又 有 厂 烦 ， 
因此 我 们 不 建议 在 Kindle Fire 上 阅读 教科 书 。 

不 过 ，Kindle Fire 的 杂志 阅读 体验 在 大 多 数 时 候 其 实 也 很 糟糕 ， 因 为 杂志 内 容 没 有 为 这 种 
设备 或 者 交互 阅读 进行 设计 。 

许多 为 Kindle Fire 设计 的 杂志 很 像 那 些 第 一 代 的 iPad 杂志 应 用 ( 图 5-33 )， 它 们 本 质 上 只 
是 杂志 的 延伸 ， 即 实体 杂志 的 扫描 版 。 这 种 杂志 的 延伸 (所谓 的 页 面 视 图 ， 见 图 5-33a) 既 不 适 
合 iPad， 也 不 适合 Kindle Fire。 屏 幕 实 在 是 太 小 ， 人 们 很 难看 清 其 中 的 文字 。 因 此 有 人 发 明了 
所 谓 的 文字 视图 ( 图 5-33b )， 也 就 是 把 文章 里 的 文字 统统 导入 ， 再 加 上 一 两 张 贯 穿 始 终 的 插图 
和 一 些 非 常 简单 的 格式 。 
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(a) (b) 
5-33 《大 众 科 学 》 的 Kindle Fire 版 应 用 : (a) 页 面 视图 (b) 文字 视图 
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这 种 杂志 唯一 的 导航 方式 是 使 用 快速 水 平滑 动手 势 ， 而 且 也 没有 超 链 接 ， 只 能 按 顺 序 进入 
一 篇 篇 文章 。iPad 淋 志 里 导航 过 度 的 问题 不 存在 了 了， 页面 底部 的 滑 块 是 唯一 能 快速 浏览 杂志 的 
71428 

Vanity Fair 杂志 的 Kindle Fire 版 应 用 ( 图 5-34 ) 使 用 了 一 种 与 《大 众 科 学 》 完 全 不 同 的 方 
式 。 这 款 应 用 的 界面 和 iPad 上 的 一 模 一 样 ， 既 有 超 链接 又 含有 3 种 不 同 的 导航 模式 : 目录 面板 、 
跑马 灯 页 面 浏览 硕 和 底部 的 页 面 滑 块 。 这 种 界面 比 《 大 众 科 学 》 更 优秀 ， 只 是 因为 它 提 供 了 
种 更 为 丰富 的 体验 ， 不 是 因为 它 的 导航 过 度 ， 而 是 因为 有 超 链接 。 目 录 面 板 里 的 文字 太 小 ， 用 

户 只 是 用 它 来 找到 杂志 真正 的 目录 页 ， 然 后 把 那里 当 作 导航 起 点 。 请 注意 ， 这 和 亚 应 用 还 占据 了 
Kindle 虚拟 按钮 所 使 用 的 空间 ， 用 户 需 要 导航 到 应 用 主页 (左上 角 ) 中 才能 恢复 它们 。 
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5-834 Vanity Fair & Kindle Fire 版 应 用 和 iPad 版 很 相似 : (a) 导航 栏 和 滑 块 ; (b ) 目录 面板 


下 面 对 Kindle Fire 的 杂志 应 用 主要 存在 的 问题 做 个 小 结 。 

W 很 多 杀 志 没有 一 个 用 户 看 完 某 篇 文章 之 后 可 以 返回 的 “主页 ”。 
te 而 从 2010 年 初 进行 的 第 一 次 iPad 调研 开始 ， 我 们 就 
知道 用 户 有 这 个 需求 。 正 面 教材 包括 了 Vanity Fair, 纽约 客 》 和 其 他 一 些 本 质 上 就 是 
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iPad 复制 版 的 杂志 ， 它 们 做 到 了 让 用 户 轻 触 封面 上 的 标题 就 能 直达 对 应 的 文章 页 (图 
5-34 ), 
图 页 面 视图 是 无 法 阅读 的 ， 而 文字 视图 的 布局 是 我 们 这 些 年 来 见 过 的 最 糟糕 的 。 择 图 要 么 
太 大 ， 要 么 太 小 ， 而 且 经 向 被 放置 在 远离 相关 内 容 的 地 方 。 
B 页面 滑 块 是 一 种 少见 的 训 无 用 处 的 导航 工具 ， 它 不 提供 可 用 内 容 的 预览 ， 而 且 要 求 用 户 
的 手指 运动 精确 到 像素 级 。 虽 然 这 个 小 工具 在 测试 里 完全 没有 帮 上 用 户 的 忙 ， 但 一 些 用 
户 却说 他 们 喜欢 这 个 东西 。 这 个 绝 佳 的 例子 再 一 次 说 明 你 不 应 该 听 用 户 说 些 什么 ， 而 应 
该 观察 他 们 做 些 什 么 。 人 们 深 深 迷失 于 这 些 杂 志 之 中 ， 任 何 一 点 导航 帮助 都 像 是 一 根 救 
命 稻 草 ， 哪 怕 它 的 用 处 其 实 并 不 大 。 用 户 不 是 设计 师 ， 他 们 不 知道 还 有 其 他 很 多 导航 功 
能 可 以 代替 现 有 的 。 
B 弹出 目录 里 经 常 包含 一 些 “ 讨 巧 ” 的 标题 。 它 们 可 能 在 印刷 版 上 有 用 ， 但 是 散发 的 信息 
气味 为 堆 。 文 曹 摘要 也 好 不 到 哪儿 去 。 
B 搜索 功能 就 像 是 老 搜索 引擎 AltaVista 的 重 现 。 事 实 上 ，1998 ERAY AltaVista 还 要 优 于 
今天 的 Kindle Fire 杂志 或 报纸 搜索 ， 因 为 AltaVista 至 少 还 会 试 着 排序 搜索 结果 ， 而 不 是 
简单 列 出 所 有 匹配 关键 词 的 条 目 。 
Kindle Fire 的 屏 闪 刷新 速度 太 慢 ， 所 以 有 时 候 页 面 深 动 让 人 感觉 断断续续 的 。 而 且 按 下 命 
令 按钮 之 后 会 有 明显 的 延 运 ， 破坏 了 使 用 者 直接 操控 屏 间 的 错觉 。 

在 Kindle Fire 上 访问 应 用 和 网 站 的 效率 要 低 于 其 他 设备 ， 因 为 它 缺 少 两 个 关键 的 物理 按钮 : 
一 个 用 于 回 到 初始 屏幕 (就 像 在 Kindle Keyboard 上 )， 另 一 个 用 于 调节 音量 ORRE iPad 上 )。 
如 果 有 一 个 实体 的 后 退 按钮 ， 也 能 让 交互 过 程 变 得 更 加 流畅 ， 就 像 在 Android 手机 上 。 对 那些 
通过 隐藏 虚拟 按钮 来 获得 更 多 屏 算 空间 的 应 用 来 说 ， 用 户 必须 触摸 屏 疾 才能 唤 出 包含 这 些 按钮 
的 控制 条 。 虽 然 这 种 交互 操作 在 一 段 时 间 之 后 不 再 像 之 前 那么 不 自然 了 ， 但 是 相 比 真实 存在 的 
按钮 仍然 多 了 一 个 步骤 。 不 过 ，Kindle Fire 抛弃 全 键盘 的 决定 是 正确 的 。 在 小 型 设备 上 为 从 A 
到 Z 的 键 留 出 空间 是 一 种 浪费 ， 而 且 对 大 多 数 输 入 来 说 ， 屏 幕 键盘 就 已 经 够 用 了 。 

Kindle Fire 的 许多 地 方 还 存在 着 简陋 、 落 伍 和 糟糕 的 UI 设计。 正如 图 5-35 中 的 例子 所 示 ， 

触摸 按钮 后 的 高 之 反馈 面 积 太 小 ， 你 的 手指 经 常会 迟 住 它 ， 导 致 无 法 看 见 。 


图 5-35 人 靠近 后 你 会 看 到 按 下 的 按钮 周围 高 亮 显 示 的 
边缘 ， 只 是 用 户 的 手指 经 常会 完全 遮 住 这 种 反馈 


手机 和 平板 电脑 上 的 反馈 面积 应 该 大 到 让 用 户 在 手指 边 上 也 能 看 见 ， 这 是 一 条 基本 的 视觉 
设计 可 用 性 原则 。 亚 马 逊 在 这 里 犯 了 个 大 错 。 另 外 一 个 让 我 们 的 茶 些 测 试用 户 出 错 的 糟糕 设计 
是 在 Silk Web 训 览 华里 ， 它 允许 用 户 选 中 下 拉 沫 单 文 本 当中 的 一 个 个 单词 。 事 实 上 ， 这 么 出 错 
实在 是 太 容 易 了 了， 用 户 经 常 想 的 是 触发 亲 单 项 ， 结 来 却 成 了 选中 单词 。 
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如 果 我 们 热爱 阴谋 论 的话 ， 会 说 亚 马 偿 故意 设计 了 这 种 糟糕 的 Web 浏览 体验 ， 目 的 是 避免 
Kindle Fire 用 户 在 竞争 网 站 上 购物 。 亚 马 逊 自己 的 内 建 购物 应 用 有 着 非常 好 的 可 用 性 ， 所 以 它 
明显 知道 该 如 何 为 平板 电脑 进行 设计 。 
3. 7 英寸 平板 电脑 UX 展望 : 前 途 光 明 还 是 黯淡 ? 
7 英寸 的 平板 电脑 或 者 会 拥有 光明 的 前 途 ， 或 者 会 面临 惨淡 的 失败 。 我 们 不 太 相 信 它 的 未 
来 会 是 一 条 中 间 道 路 。 
7 英才 的 平板 电脑 要 想 成 功 ， 服 务 和 内 容 提供 商 必 须 为 这 些 设备 单独 进行 设计 。 从 印刷 物 、 
手机 、10 英寸 平板 电脑 或 者 桌面 PC 上 移植 过 来 的 设计 注定 会 失败 ,因为 它们 的 用 户 体验 很 糟糕 。 
7 英寸 平板 电脑 这 种 规格 的 设备 有 着 足够 的 独特 性 ， 必 须 被 当 作 一 种 新 平台 对 待 。 而 且 ， 这 种 
中 等 尺寸 的 平板 电脑 很 挑剔 ， 不 够 完美 的 设计 (也 就 是 移植 过 来 的 设计 ) 注定 会 失败 。 要 么 为 
7 英寸 优化 ， 要 么 死 。 
从 实际 的 角度 看 ， 如 果 7 英寸 平板 电脑 的 用 户 数量 不 到 几 百 万 ， 那 么 杂志 发 行商 、 网 站 、 
应 用 程序 设计 者 和 其 他 提供 商 单独 为 它 设计 一 个 版 本 是 无 利 可 网 的 。 除 非 有 足够 大 的 回报 ， 否 
则 维护 多 个 版 本 的 支出 将 让 他 们 难以 承受 。 
这 就 是 为 什么 我 们 对 7 英寸 的 未 来 作出 了 非 此 即 彼 的 预言 。 如 果 这 个 平台 取得 了 巨大 的 成 
功 ， 迅 速 卖 出 了 大 量 的 设备 (比如 说 ,在 2013 年 底 前 卖 了 5000 万 台 )， 那 么 我 们 就 有 了 足够 的 
经 济 基础 来 支持 一 个 为 7 英寸 优化 的 多 样 性 生态 系统 。 同 时 ， 因 为 可 选择 的 服务 非常 多 ， 用 户 
的 需求 得 到 了 充分 满足 ， 所 以 他 们 会 购买 更 多 的 7 英寸 设备 。 这 是 一 个 良性 循环 。 
但 是 , 如 果 7 英寸 平板 电脑 在 未 来 一 两 年 只 卖 出 了 窗 窗 数 百 万 台 , 那么 这 个 平台 或 者 会 消失 ， 
或 者 会 退 而 变 成 只 服务 于 那些 买 不 起 全 尺 才 平 板 电 脑 的 人 人。 目标 受 众 太 少 ， 内 容 和 服务 提供 商 
就 没有 多 少 动力 为 7 英寸 进行 优化 ， 由 此 带 来 的 糟糕 用 户 体 验 会 促使 匀 下 的 富裕 用 户 购 买 更 大 
的 平板 电脑 。 这 是 一 个 恶性 循环 。 
7 英寸 的 平板 电脑 在 用 户 体 验方 面 处 于 一 种 非常 不 稳定 的 位 置 ， 具 体 来 说 有 以 下 两 方面 。 
B 一 方面 ， 用 户 很 难 在 这 些 设备 上 轻松 、 愉 快 和 有 效率 地 使 用 众多 为 其 他 尺寸 设备 优化 的 
用 户 界 面 。7 英寸 的 屏幕 太 小 ， 不 太 容 易 浏 览 完整 版 网 站 ; 它 又 太 大 ， 不 像 手 机 那样 可 
以 每 时 每 刻 都 随身 携带 。 

图 另 一 方面 ， 如 果 使 用 为 7 英寸 平台 优化 过 的 设计 ， 也 能 提供 不 错 的 可 用 性 。 它 们 的 屏幕 
大 到 足以 显示 精美 的 图 片 和 全 彩色 插图 ， 也 能 相当 有 效率 地 支持 导航 和 其 他 用 户 行 为 。 
如 果 设 计 得 当 ，7 英寸 的 用 户 体验 要 比 手 机 更 丰 军 ， 更 令 人 愉悦。 

那些 为 7 英寸 平板 电脑 优化 过 的 设计 会 有 很 高 的 可 用 性 。 虽 然 它们 很 可 能 永远 不 能 比肩 10 
英寸 的 用 户 体验 ， 但 是 这 些 7 英寸 设备 要 便宜 得 多 ， 而 且 容 易 随 身 携带 。 和 希望 未 来 的 7 英寸 平 
板 电脑 能 比 当前 这 些 笨重 的 设备 更 轻 ， 电 池 寿 命 更 长 。 

7 英寸 平板 电脑 最 终 的 市 场 价值 能 否 文 持 这 样 的 优化 设计 大 量 涌现 ? 我 们 不 知道 ， 因 为 用 
户 研究 和 可 用 性 分 析 无 法 将 我 们 带 入 那个 领域 。 我 们 能 说 的 就 是 ， 如 果 有 利 可 图 ， 用 户 体验 就 
会 很 梭 ， 否 则 就 会 很 糟 。 至 于 现在 ，7 英寸 平板 电脑 只 能 去 适应 那些 移植 过 来 的 内 容 。 


这 本 书 的 名 字 叫 做 移动 可 用 性 ， 但 事实 上 我 们 
之 前 只 涉及 了 电话 和 平板 电脑 。 不 仅 如 此 ， 由 于 我 
们 基本 没有 讨论 过 功能 型 手机 ， 本 书 到 目前 为 止 的 
内 容 几 乎 都 是 关于 平面 触摸 屏 的 ， 包 括 手 机 上 的 小 
触摸 屏 和 平板 电脑 的 大 触摸 屏 。 本 章 我 们 将 用 一 种 
更 宽广 的 视角 来 看 待 移动 计算 ， 并 思考 未 来 可 能 
现 的 其 他 类 型 的 用 户 界面 。 
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计算 机 历史 上 出 现 过 3 个 大 的 趋势 : 计算 机 变 得 越 来 越 小 ， 越 来 越 计 价 ， 使 用 环境 也 越 来 
越 广 ( 从 大 型 机 到 PC 再 到 移动 设备 ,未完 待 续 )。 我 们 预计 未 来 将 会 出 现 更 小 更 廉价 的 计算 机 ， 
它们 会 用 于 计算 那些 我 们 今 时 今日 还 不 知道 如 何 计算 的 事物 。 

另外 ,我们 预计 会 出 现 一 种 在 计算 机 历史 上 曾经 并 不 显著 的 重要 趋势 : 更 多 样 化 的 设备 。 
在 过 去 ,通常 只 有 一 种 类 型 的 计算 机 占据 着 文 配 地 位 ， 具 体 表现 为 : 

E 在 大 型 机 时 代 ，IBM 的 “ 蓝 色 巨人 ”(Big Blue) 无 处 不 在 ， 而 “七 个 小 矮人 ”(IBM 的 

小 竞争 对 手 们 ) 推出 的 计算 机 几乎 一 模 一 样 ; 
B 在 PC 时 代 ， 微 软 的 Windows TAAL, ME ME— B5 ECIE ye 4] +32 Macintosh 
看 上 去 几乎 一 模 一 样 〈 至 少 在 1995 年 以 后 ); 

m 现在， 几乎 所 有 的 智能 手机 看 上 去 都 是 一 个 样 ， 而 平板 电脑 看 起 来 像 是 太 寸 过 大 的 智能 

手机 。 

我 们 认为 ， 未 来 的 每 一 位 用 户 都 会 使 用 多 台 计 算 机 ， 而 其 中 的 许多 设备 之 间 会 存在 相当 大 
的 区 别 。 为 什么 呢 ? 首先 ， 这 是 计算 机 极度 廉价 造成 的 。 为 什么 要 限制 你 目 己 只 能 使 用 一 台 ? 
其 次 ， 当 计算 机 进入 更 多 的 生态 细 分 领域 时 ， 为 特定 环境 优化 过 的 设备 能 更 好 地 完成 任务 。 


6.1 为 三 类 屏幕 进行 跨 媒体 设计 


许多 人 预测 ， 在 所 谓 的 “后 PC 时 代 ” 的 未 来 ， 移 动 设 备 将 会 是 唯一 重要 的 UI 平台 。 一 些 
人 其 至 建议 在 设计 网 站 时 首先 要 考虑 移动 并 ,事后 再 为 果 面 PC 修改 一 下 设计 。 

我 们 不 同意 。 

虽然 新 事物 会 消灭 旧事 物 这 种 次 法 可 以 写 一 入 好 故事 ， 但 事实 却 很 少 是 如 此 的 。 就 像 Peter 
Zollman 曾经 说 过 的 :“ 除 了 街头 公告 员 〈town crier) 可 能 算是 例外 ， 其 他 没有 一 种 新 媒体 曾 让 
老 媒体 彻底 退出 市 场 。” 虽然 有 了 电视 ,我 们 还 是 在 听 广 播 ， 更 不 用 说 还 有 现场 演出 的 剧院 。 在 
计算 机 行业 里 ， 大 型 机 依然 存在 ，IBM 还 每 年 以 此 获得 数 十 亿美 元 的 收入 。 

计算 机 已 经 很 便宜 了 ， 宦 裕 国 家 里 的 大 多 数 人 孝 有 好 几 台 设备 ， 每 种 重要 的 需求 各 用 一 台 。 
当然 ,我 们 所 说 的 “计算 机 ”这 个 名 称 不 仅 包括 PC, 还 包括 了 平板 电脑 手机、 大 型 机 和 服务 冀 。 
没 错 ， 大 多 数 家 硅 的 地 下 室 里 不 会 有 大 型 机 ， 但 许多 家 庭 客 有 一 人 台 家 庭 文件 服务 带 来 集中 存放 
他 们 的 照片 和 视频 库 。 


6.1.1 PC 仍 将 很 重要 


SLIM PC 相 比 移动 设备 有 如 下 两 种 与 生 俱 来 的 优势 。 

B 大 得 多 的 屏幕 让 用 户 一 眼 就 能 看 到 更 多 信息 。 这 可 以 增加 对 内 容 的 理解 ， 有 助 于 导航 和 
交叉 浏览 ， 还 为 比较 和 对 照 (compare-and-contrast ) 型 任务 提供 了 支持 ， 而 后 者 通常 是 
最 关键 的 高 价值 任务 。 

B 更 好 的 输入 设备 ， 有 一 个 大 键盘 和 一 个 真实 的 鼠标 。 
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大 屏 禹 和 大 输入 设备 都 是 昌 面 PC 与 生 俱 来 的 优势 ， 因 为 移动 设备 必须 足够 小 ， 用 户 才 能 
随身 携 市 。 果 面 PC 还 有 一 些 至 少 能 再 维持 10 年 的 优势 : 更 高 的 市 宽 、 强 大 的 便 件 〈 比如 更 快 
的 处 理 笨 、 更 多 的 内 存 和 更 大 的 便 盘 )、 成 玖 的 软件 以 及 打印 功能 。 

Se [fij PC 在 市 锅 和 软 便 件 方 面 的 优势 只 是 暂时 的 ， 因 为 移动 世界 的 脚步 更 快 ， 它 最 终 会 达 
到 足够 高 的 水 平 ， 能 够 满足 大 多 效用 户 在 这 些 领 域 的 需求 。 

但 是 ， 更 好 的 输入 和 输出 是 桌面 用 户 体 验 长 期 具备 的 优势 。 

我 们 是 屏幕 太 才 的 发 伐 友 一 一 大 屏幕 能 让 用 户 的 生产 力 得 到 巨 幅 提升 。 任 何人 在 体验 过 30 
天 寸 的 显示 带 之 后 部 不 会 再 想 在 小 屏 禹 上 做 大 型 项 目 『。 很 奇怪 PC 制造 商 为 什么 不 提供 再 大 
些 的 屏幕 。 

虽然 许多 任务 会 从 果 面 端 转移 到 手机 和 平板 电脑 上 ,但 是 很 大 一 部 分 仍然 会 留 在 果 面 并 。 
想 要 信 算 每 一 类 设备 能 分 到 其 中 的 几 个 百分点 是 一 个 困难 的 任务 ,但 我 们 相当 肯定 ， 大 多 数 的 
宫 价 值 任务 几乎 都 会 留 在 果 面 端 。 因 此 ， 设 备 之 间 的 价值 分 配 比重 更 倾向 于 PC， 而 时 间 分 配 比 
重 则 越 来 越 流 回 平 板 电 脑 和 手机 。 


6.1.2 第 三 类 屏保 : 电视 


继 移动 设备 和 桌面 PC 之 后 ， 第 三 类 基于 屏幕 的 主要 UX 类 别 是 电视 。 它 的 价值 不 菲 ， 每 小 
时 用 户 时 间 从 20 美 分 到 2 美元 不 等 。( Jakob 文 付 给 有 线 电 视 公 司 的 费用 大 约 是 每 观看 1 小 时 ?2 
美元 ,不 过 他 家 看 电视 的 时 间 要 远 远 少 于 普通 家 庭 。Amazon.com 的 流 媒体 播放 一 集 《 星 际 迷 航 》 
的 收费 是 1.99 美元 ， 看 起 来 也 属于 高 问 水 平 。) 

我 们 的 关注 点 主要 在 移动 和 蝎 面 可 用 性 上 ， 因 为 很 少 有 企业 参与 基于 电视 的 交互 设计 。 它 
ATAJE FA ES a ETE OEE, TAL Ba A HL ALS] FP IR He HE DVR (Digital Video Recorder, 
数字 视频 录像 机 或 硬盘 录像 机 ) 移动 应 用 ， 越 来 越 多 的 用 户 依 靠 手 机 和 平板 电脑 来 操作 DVR, 
其 至 是 换 台 。 不 过 ， 未 来 还 是 有 希望 的 ，Kinect 的 身体 姿势 UI 就 是 个 很 好 的 例子 。 

当前 ， 为 电视 进行 设计 的 企业 主要 来 自 娱 乐 和 消费 电子 行业 。 如 果 交 互 电 视 的 可 用 性 有 了 
大 幅 提 升 ， 就 会 有 更 多 的 企业 需要 关注 这 一 平台 。 到 那 时 ， 有 一 件 事 是 肯定 的 ， 即 电视 将 需要 
一 个 明显 区 别 于 移动 和 桌面 设计 的 第 三 类 UI. 


6.1.3 Wk FH PV Us 


大 多 数 企业 很 可 能 只 会 部 署 两 类 UI 设计: 移动 UI UI. HEU Da EAT MV ES 
特点 可 能 需要 部 稍 更 多 。 无 论 最 终 的 数 子 是 多 少 ， 有 如 下 两 个 关键 要 点 需要 牢记 。 
图 为 显 阁 不 同 的 设备 类 型 单独 制作 一 侠 有 区 别 的 UI 设计 。 
图 在 各 个 设备 上 营造 出 同一 产品 系列 的 感觉 哪怕 UI 和 功能 组 合 有 所 不 同 也 要 如 此 。 这 就 
需要 有 一 侠 跨 媒体 设计 策略 。 


第 四 类 和 第 五 类 Ul: 微型 ， 巨 型 


就 好 像 为 移动 和 桌面 (可 能 还 有 电 
JL) 设计 两 三 类 UI 还 不 够 似 的 ， 你 需要 考 
虑 的 还 有 其 他 两 种 更 极端 的 屏幕 尺寸 : 极 
其 小 的 和 极其 大 的 。 同 样 ， 它 们 都 需要 自 
己 独特 的 UI。 

微型 屏幕 包括 了 许多 消费 电子 产品 上 
邮票 大 小 的 显示 屏 (这 年 头 连 牙刷 都 有 自 
己 的 显示 屏 了 ) 。 如 果 我 们 把 定义 做 一 些 
延伸 ， 还 可 以 包括 那些 由 带 有 无 线 射频 识 
A) ( RFId ) 芯片 和 二 维 码 的 物品 所 市 来 的 


用 户 体验 。 

巨型 屏幕 包括 会 议 室 大 小 的 显示 屏 
和 智能 建筑 ， 黄 至 还 有 智能 园区 ， 比 如 能 
引导 访客 和 病人 进入 正确 的 大 楼 和 房间 的 

到 目前 为 止 ， 在 这 两 类 极端 的 UI 上 还 
没有 进行 过 多 少 可 用 性 工作 ， 但 它们 身上 
必然 带 着 挑战 。 可 以 肯定 的 是 ， 任 何 对 它 
们 来 说 恰当 的 UI 都 意味 着 必须 与 手机 和 桌 
面 PC 上 的 UI 存 在 巨大 的 区 别 。 


我 们 在 路 媒体 可 用 性 领域 的 经 验 还 不 足以 提供 一 张 详尽 的 原则 列表 ， 来 帮助 你 实现 各 平台 

相互 衔接 的 UX。 但 是 ， 我 们 知道 在 以 下 4 个 问题 上 做 出 正确 的 决定 至 关 重 要 。 

B 视觉 连续 性 。 虽 然 UI 在 不 同 尺 十 的 屏幕 上 必然 会 有 不 同 的 视觉 感受 ， 但 它们 看 起 来 应 
该 足够 相似 ， 就 像 是 从 同一 块 布 料 上 剪 下 来 的 。 不 ， 仅 仅 徽标 和 颜色 方案 相同 是 不 够 的 ， 
交互 元 素 也 必须 有 相似 的 外 观 。 页 面 布局 显然 会 有 所 差别 ， 但 你 应 当 让 用 户 在 不 同 的 平 
侣 上 都 有 把 握 能 找到 信息 。 

图 功能 连续 性 。 设 备 越 小 ， 能 舒服 加 入 的 功能 组 合 就 越 少 。 但 是 ， 应 当 让 用 户 感 到 在 任何 
位 置 都 能 用 上 同一 套 主 要 功能 。 更 重要 的 是 ， 要 让 他 们 觉得 功能 虽然 从 化 过 ， 但 是 使 用 
起 来 感觉 差不多 。 举 个 例子 ,假设 你 的 电子 商务 网 站 提供 产品 打分 功能 。 你 的 移动 网 站 
和 完整 版 网 站 应 该 使 用 相同 的 分 数 尺 度 ， 但 移动 网 站 可 以 不 让 用 户 输入 新 评论 ， 或 者 默 
认 不 显示 现 有 评论 的 全 文 。 如 果 设 计 得 当 ， 访问 移动 网 站 的 用 户 会 感觉 仍然 可 以 用 上 完 
整 版 网 站 的 评论 。 

图 数据 连续 性 。 用 户 的 数据 在 任何 地 方 都 应 该 是 一 样 的 。 因 为 功能 组 合 的 不 同 ， 某 些 数据 
有 可 能 不 是 在 任何 地 方 都 可 用 ， 但 那些 可 以 在 多 个 地 方 访 问 的 数据 应 该 是 一 致 的 。 你 不 
应 该 迫使 用 户 把 “同步 ”当成 一 个 独立 的 步骤 。 

B 内 容 连 续 性 。 我 们 知道 ， 你 为 移动 端 创作 的 内 容 必 须 比 时 面 端 简明 得 多 ,但 是 基本 的 内 
容 束 上 略 应 该 是 一 致 的 ,特别 是 应 当 在 所 有 的 平台 上 使 用 相似 的 口吻 ,这 样 你 在 任何 地 方 “ 听 
起 来 ”都 是 一 样 的 。 举 个 例子 ， 儿 童 喜欢 Web 设计 里 的 虚拟 人 物 。 如 果 你 使 用 它们 ， 你 
的 移动 网 站 可 能 没有 足够 的 空间 容纳 所 有 的 虚拟 人 物 ， 那 就 应 该 包括 完整 版 网 站 里 的 那 
些 主要 角色 。( 这 么 做 还 会 提升 视觉 连续 性 ， 虚 拟人 物 看 起 来 应 该 基本 一 样 ， 即 使 只 能 
更 少 的 像素 绘制 也 是 如 此 。 虚 拟人 物 的 复 用 也 能 提升 功能 连续 性 ， 比 如 在 围 比 这 些 人 物 
设计 导航 的 时 候 。) 

总 结 一 下 ， 跨 平台 UI 应 该 是 不 同 但 相似 的 。 
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损 面 电脑 、 手 机 和 电视 的 屏幕 仍然 是 平面 的 ， 我 们 需要 更 大 胆 地 构思 多 样 化 的 未 来 。 

计算 机 将 会 有 各 种 各 样 的 形状 ， 而 其 中 的 大 多 数 并 不 一 定 第 一 眼 就 能 辨认 出 是 计算 机 。 我 
们 在 尼尔森 - 库 曼 集团 的 同事 Don Norman 在 他 的 著作 The Invisible Computer 里 称 之 为 “看 不 
见 的 计算 机 ”。 这 些 计算 机 消失 了 ， 世 界 则 变 得 更 加 计算 化 了 。 

建立 一 个 计算 化 的 环境 有 许多 方式 。 最 激进 的 一 种 是 抛弃 现实 世界 ， 移 居 虚 拟 世 界 。 虚 拟 
现实 ( Virtual Reality, VR) 经 党 可 以 通过 戴 上 涉 夯 或 者 全 封闭 式 眼镜 实现 ， 用 户 只 能 看 到 计算 
机 投影 的 图 像 。 如 果 你 看 到 的 一 切 都 是 计算 机 图 像 ， 那 你 就 像 住 进 了 计算 机 里 一 样 。 

沉 漫 感 稍 进 一 些 的 VR 界面 可 以 通过 在 某 个 特殊 房间 里 的 所 有 墙壁 、 天 花 板 和 地 板 上 投影 
图 像 来 实现 。 就 像 《 星 际 迷航 》 里 的 全 息 甲 板 ， 不 过 通常 不 会 有 那里 面 的 安全 方案 ， 因 为 大 多 
数 VR 系统 是 纯 视觉 性 的 ， 不 会 用 枪 打 你 。 

VR 很 可 能 在 游戏 和 某 些 特殊 领域 里 有 着 光明 的 未 来 ， 比 方 说 远程 操作 的 手术 。 但 对 于 大 多 
数 日 党 和 商业 事务 而 言 ， 我 们 并 不 看 好 VR， 因 为 放弃 现实 世界 牺牲 太 大 。 住 在 头 奢 里 这 种 生活 
方式 不 适合 大 多 数 人 。 

增强 现实 ( Augmented Reality, AR ) 技术 则 更 有 前 途 一 些 。 虽 然 我 们 仍然 位 于 现实 世界 ， 
但 是 上 面 攻 加 了 一 层 薄 注 的 数据 。 谷 歌 眼 镜 是 现在 最 流行 的 AR 系统 ， 但 是 研究 人 员 在 这 种 设 
计 上 已 经 花费 了 数 十 年 。 最 经 典 的 使 用 例子 是 ， 刁 处 鸡尾酒 会 中 的 你 能 在 每 位 客人 的 脸 劳 看 到 
他 们 投影 出 来 的 名 字 。 一 个 好 的 系统 还 能 概括 你 与 那 位 客人 过 去 的 交往 经 历 ， 并 提醒 你 之 前 想 
过 有 要 提 及 的 那些 未 决 事项 。 

图 6-1 展示 了 我 们 在 2001 年 的 一 个 设想 : 在 飞机 窗户 上 显示 一 层 数据 。 乘 客 们 朝 窗 外 看 可 
以 看 到 普通 的 地 标 “Birch W” (Birch Lake ) 和 具有 个 人 意义 的 地 点 “Bob 叔叔 的 房子 ”( Uncle 
Bob's house )。 航 空 公司 可 以 “出 租 ” 这 个 功能 的 使 用 权 ， 就 像 出 租 在 飞机 上 看 电影 时 头 戴 的 耳 
机 一 样 。 航 空 公司 还 可 以 销售 广告 ,比如 卖 给 NFL 来 显示 体育 场 的 位 置 ,或 者 连锁 游乐 园 .餐馆 等 。 


m ^m 


6-1 2001 年 尼尔森 — 诺 曼 集 团 
视觉 工程 项 目的 概念 图 ， 某 个 航班 
的 乘客 可 以 要 求 在 朝 窗外 看 的 时 候 
显示 一 张 到 加 地 图 
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另 一 个 不 错 的 AR 例子 是 修理 手册 投影 。 当 技师 在 飞机 引擎 里 希 刚 前 进 时 只 需 看 厦 某 个 部 件 ， 
上 面 就 会 显示 出 各 种 读数 ， 包 括 关 键 数据 、 之 前 运转 情况 的 历史 信息 和 预期 故障 时 间 。 如 果 这 
名 技师 想 要 知道 某 个 特定 部 件 的 更 多 情况 ， 可 以 及 上 有 眼 或 者 说 一 句 口 涉 指 令 ， 原理 图 和 其 他 信 
县 就 会 出 现 ， 不 像 在 没有 AR 的 时 候 只 能 爬 出 引擎 去 查阅 手册 。 即 使 乔 控 式 平板 电脑 能 显示 同 
样 的 信息 ， 它 也 不 如 在 每 个 部 件 劳 直接 显示 来 得 方便 快捷 。 首 先 ， 引 擎 变 成 了 UI; 另外 ， 当 你 
试图 修理 什么 东西 的 时 候 ， 两 只 手 能 空 出 来 当然 更 好 。 

我 们 刚才 描述 的 美好 景象 是 基于 运作 良好 的 AR 系统 。 但 是 所 有 的 用 户 界 面 都 会 产生 可 用 
性 问题 ，AR 也 不 例外 。 数 据 超 载 目 然 是 一 种 隐约 可 见 的 可 用 性 问题 ， 界 面 设 计 还 要 考虑 到 如 何 
dfe AGED o 

我 们 越 干 涉 现实 , 所 引发 的 伦理 道德 疑问 就 会 越 多 。 试 想 一 下 你 能 给 视频 画面 里 的 自己 “ 添 
加 皮肤 ”"， 然 后 用 未 来 版 本 的 Skype 和 FaceTime 等 技术 投影 出 去 。 通 过 简单 的 AR 修改 ， 输 出 
的 视频 就 可 以 让 你 看 上 去 穿着 更 得 体 的 衣服 ， 并 刁 处 忙碌 的 办 公 室 环境 ， 而 不 是 在 海滩 上 无 所 
事 事 。 图 6-2 里 的 例子 演示 了 一 个 想法 : 设立 一 个 名 为 “皮肤 真相 组 织 ”( Association for Truth 
in Skins, ATIS ) 的 机 构 来 认证 用 户 所 投射 影像 的 真实 性 。 


ATIS 等 级 1: 

皮肤 更 新 了 背景 里 的 事 
E 

ATIS 等 级 2: 


6-2 这 张 概念 图 出 自 2001 
年 尼尔森 - 诺 曼 集 团 视 党 工程 项 
目 ， 展 示 了 对 视频 电话 图 像 进 行 
不 同等 级 的 人 工 实景 ( artificial— 


皮肤 还 可 以 更 新 你 的 外 
观 ， 增 加 耳环 、 衣 服 等 ， 
还 能 修改 仪容 。 你 可 以 
自己 选择 衣服 ， 也 可 以 


让 计算 机 替 你 选择 
reality ) 修改 后 的 效果 。 在 最 高 ee ATIS 等 级 3 

等 级 的 修改 之 后 ; UR ob edd Ne d 

等 级 的 修改 之 后 (ATIS 3 ) MR 。 完全 没有 修改 你 选择 一 个 想象 中 的 人 


看 上 去 甚至 都 不 像 你 目 己 了 。 如 
果 打 电话 给 你 的 人 的 影像 没有 被 
认证 过 ， 你 出 去 和 他 们 约会 的 时 
候 就 要 小 心 了 


物 来 巷 换 你 的 形象 ， 他 
能 精确 复制 你 的 表情 和 
动作 


你 自己 的 号 体 也 可 以 变 成 计算 机 的 一 部 分 。 真 正 的 脑 电 波 扫 摘 还 是 相当 遥远 的 事 ， 除 了 像 
控制 假 及 这样 的 极 庙 例 于 。 但 是 微软 公司 推出 的 Kinect 系统 已 经 能 通过 摄像 头 观察 用 户 ， 对 
他 们 的 动作 和 姿势 作出 反应 ， 哪 怕 用 户 做 的 时 候 没 有 碰 到 任何 东西 也 可 以 。 在 像 Your Shape: 
Fitness Evolved ( 图 6-3 ) 这 样 的 应 用 程序 里 ， 用 户 要 做 的 就 是 在 摄像 涉 前 健 吴 ， 计 算 机 会 实时 
提供 健身 方法 反馈 (“做 更 深 的 下 足 ”)， 同 时 在 屏 大 上 显示 用 户 的 影像。 
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6-3 Kinect 应 用 程序 Your 
Shape: Fitness Evolved 的 BF 
幕 截图 。 用 户 通 过 姿势 发 出 指 
令 : 他 们 伸手 探 到 空间 里 的 某 
个 空白 点 就 对 应 屏幕 里 的 影像 
按 了 一 个 按钮 


6.3 ”未 来 人 人 都 是 哈 利 : 波 特 


我 们 说 有 一 天 人 人 虱 会 像 哈 利 * 汲 特 一 样 ， 并 不 是 指 人 们 会 骑 春 扫 顺 飞 来 飞 去 ， 或 者 玩 春 
三 维 的 球 类 游戏 〈 不 过 虚拟 现实 技术 可 以 让 爱好 者 们 玩 上 购 地 奇 比 赛 ) 我 们 的 意思 是 ， 人 们 即 
将 体验 到 一 个 新 世界 ， 在 那里 ， 灵 魂 能 够 柄 县 在 以 往 没 有 生命 的 物体 上 。 

CHA + 波 特 》 从 书 的 魅力 很 大 一 部 分 来 自 于 围绕 在 哈 利 和 他 朋友 周围 的 古怪 魔法 物体 。 在 
这 些 物体 上 能 看 到 主动 性 和 活力 ， 而 不 是 固定 和 静止 不 动 。 这 正好 就 是 我 们 即将 体验 到 的 、 由 
计算 能 力 从 加 面 进 入 日 肖 万 物 所 市 来 的 转变 。 


6.3.1 下 一 代 魔 法 


以 下 是 一 些 《 哈 利 ， BORE) 系列 书 中 物体 所 带 魔力 的 例子 ， 以 及 我 们 在 未 来 是 如 何 实现 类 
似 的 能 力 的 。 

W Daily Prophet 报纸 里 的 照 刻 在 巫师 们 浏览 时 会 变 得 顶 栅 如 生 。 平 板 电 脑 已 经 能 让 我 们 在 
时 餐桌 劳 阅 读 多 媒体 新 闻 了 。 再 加 上 眼球 追踪 技术 〈 还 需要 经 过 儿 代 的 发 展 )， 我 们 就 可 
以 摆 脐 那些 烦人 的 、 不 停 运动 的 视频 户 段 了 。 取 而 代 之 的 是 ， 视 频 会 以 静态 图 像 的 形式 
显示 ， 只 有 当 你 表现 出 兴趣 (和 肌 春 它 半 秒 钟 或 者 更 入 ) 时 才 会 播放 。 

图 袜子 在 太 员 的 时 候 会 大 声 尖 叫 。 开 发 者 可 以 使 用 放 在 袜子 里 〈 可 穿戴 计算 ) 或 者 环境 中 
的 传 感 带 实 现 这 个 功能 。 知 能 服装 是 未 来 计算 的 主要 人 研 完 方 回 之 一 。 

m 动作 玩偶 们 四 处 移动 ， 表 现 出 著名 岁 地 奇 球员 的 个 性 。 从 Interactive Barney 开始 我 们 就 
有 了 具备 一 定 自 主 性 的 玩具 ,但 是 个 性 目前 仍然 无 法 实现 。 

W 避 想 倪 存 储 想 法 和 记忆 以 便 日 后 提取 。 数 码 相机 会 记录 我 们 的 经 历 中 越 来 越 多 的 部 分 ， 
特别 是 在 它 与 知 近 我 们 日 程 安排 和 交际 圈 的 移动 设备 相 集成 之 后 。 也 许 今后 我 们 还 可 以 
订阅 无 处 不 在 的 监控 摄像 头 所 担 摄 的 关于 我 们 目 己 的 视频 呢 。 
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B 镜子 对 照 镜 者 的 外 表 评 头 品 足 。 这 个 肯定 会 被 用 于 商业 。 在 遥远 的 将 来 ， 评 论 可 能 会 由 
专家 系统 作出 ， 但 在 过 渡 时 期 ， 评 论 可 以 来 自 网 上 的 时 尚 顾问 ， 他 们 或 者 是 低 收入 国家 
的 廉价 员工 ， 或 者 是 乐于 免费 评价 其 他 人 的 热心 人 士 。 
m 全 效 望 远 镜 提供 即时 回放 。 我 们 已 经 有 了 内 置 数码 相机 的 双 简 望远镜 ， 再 加 上 像 TiVo 这 
样 提 供 即 时 回放 技术 的 系统 ， 你 就 有 了 第 一 代 全 歼 望 远 镜 。 扩 展 组 件 里 可 以 包括 一 个 用 
于 观察 乌 类 的 专家 系统 ， 它 能 将 看 到 的 任何 乌 与 乌 类 学 数据 库 进行 匹配 ， 并 在 图 像 上 标 
注 这 种 乌 的 俗名 和 拉丁 学 名 。 
B 活 点 地 图 用 图 标 表 现在 霍 格 沃 欧 城堡 里 走动 的 人 们 。 智 能 胸卡 已 经 能 让 我 们 跟踪 高 安全 
级 别 设施 里 的 员工 移动 情况 。 你 信任 的 手机 可 以 在 公共 场合 实现 这 一 功能 ， 只 待 打消 人 
们 对 于 个 人 隐私 的 顾虑 。 
我 们 还 没有 异想天开 到 建议 你 把 《 喻 利 . 波 特 》 系 列 书 当 成 下 一 代 产 品 开发 的 点 子 手 册 ， 
但 是 这 些 书 里 充满 我 们 即将 有 能 力 制造 出 来 的 产品 范例 ， 它 们 所 提供 的 一 些 点 子 也 演示 了 在 物 
理 世 界 里 如 何 体现 意识 的 方法 。 


6.3.2 不 要 伤害 麻 瓜 


哈 利 . 波 特 的 世界 还 在 为 一 层 意义 上 与 计算 机 世界 相似 。 在 《 喻 利 . 波 特 》 从 书 里 ， 整 个 
世界 由 两 种 人 组 成 , 即 一 小 群 焉 师 和 数量 远 超 前 者 的 及 瓜 《普通 人 类 )。 麻 瓜 们 对 奢 法 一 无 所 知 ， 
也 不 知道 巫师 们 的 所 作 所 为 。 

类 似 地 ， 在 我 们 的 世界 里 ， 绝 大 多 数 人 并 不 理解 计算 机 或 者 说 技术 。 科 幻 小 说 作家 Arthur 
C. Clarke 曾经 说 过 :“ 任 何 足够 先进 的 技术 看 起 来 都 和 魔术 没什么 分 别 。 不 简 的 是 ， 在 大 多 数 
人 的 眼 里 ， 计 算 机 和 互联 网 属于 这 种 “先进 的 技术 "。 各 种 事物 纷纷 出 现在 他 们 的 屏幕 上 ， 计 算 
机 还 能 提供 想 要 的 结果 ， 这 一 切 是 如 何 进行 的 ? 全 都 是 各 种 魔法 。 

TE RA + 波 特 》 从 书 里 ， 正 义 的 巫师 们 同意 放 过 麻 瓜 ， 不 对 他 们 使 用 魔法 。 看 起 来 计算 
机 有 巫师 们 可 以 从 《 哈 利 : 波 特 》 中 学 到 些 什 么 ， 因 为 他 们 运用 力量 的 方式 经 常会 危害 到 普通 人 。 

我 们 通常 会 批评 糟糕 的 互联 网 可 用 性 ， 因 为 它 降低 了 企业 网 站 产生 商业 价值 的 能 力 。 低 质 
量 的 客户 服务 意味 着 更 少 的 客户 。 但 是 ， 从 更 高 的 角度 看 ， 问 题 其 实 更 为 严重 : BE KK NES 
预期 行为 和 设计 传统 的 网 页 部 间接 赋 弱 了 用 户 脑子 里 的 Web 概念 模型 ， 从 而 减少 了 他 们 访问 其 
他 网 站 时 应 有 的 轻松 、 日 信和 愉快 的 感觉 。 那 些 将 粳 料 的 可 用 性 施加 在 这 个 世界 和 麻 瓜 们 号 上 
的 设计 师 是 真正 的 邪恶 正 师 。 
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本 附录 简要 介绍 了 我 们 早 在 2000 年 进行 的 首 
次 移动 可 用 性 调研 。 那 次 我 们 测试 了 用 户 如 何 使 用 
WAP( Wireless Application Protocol, 无线 应 用 协议 ) 
手机 访问 当时 的 在 线 服 务 。 


WAP 是 用 手机 访问 互联 网 的 一 种 早期 方式 。 不 
ij, ESN A ST AK 
WAP #3 "Wrong Approach to Portability” ( $2 
动 性 的 箱 误 实现 方式 ) 的 缩 与 。 
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我 们 向 你 介绍 这 项 早期 的 研究 是 基于 以 下 3 个 原因 。 


W 洱 灾 乐 祸 总 是 让 人 觉得 满足 ， 所 以 不 妨 看 看 自 这 些 早期 的 移动 互联 网 应 用 以 来 ,移动 设 
备 的 应 用 发 生 了 多 大 的 变化 。 

B 看 到 一 些 早 期 的 研究 发 现 与 当前 的 用 户 研究 结果 不 谋 而 合 ， 是 一 件 很 有 意思 的 事情 。 虽 
然 技术 发 生 了 革命 性 的 变化 ， 但 人 们 仍旧 想 在 移动 设备 上 做 许多 相同 的 事情 。 比 如 ， 在 
2000 年 我 们 发 现 打发 时 间 的 应 用 是 移动 端的 杀手 铀 应 用 ， 今 天 依然 如 此 。 

B 当时 业界 对 我 们 研究 的 反应 能 给 现在 的 人 们 敲 啊 警 钟 。 手 机 行业 发 布 过 一 份 新 闻 稿 ， 指 

责 我 们 测试 的 用 户 数 量 和 花费 的 时 间 太 少 ， 不 足以 形成 可 靠 的 结论 。 
关于 最 后 一 点 ， 我 们 习惯 了 看 到 一 些 团体 市 着 偏见 来 否定 我 们 的 可 用 性 研究 成 采 。 每 当 我 

们 提出 不 同 于 某 些 技术 或 设计 的 建议 ， 而 有 些 人 又 是 靠 推广 那些 技术 或 设计 赚钱 的 ， 这 种 事 就 

会 发 生 。 我 们 的 目的 则 很 单纯 ， 就 是 报告 一 般 用 户 的 实际 使 用 行为 ， 所 以 如 果 一 些 大 企业 想 要 

靠 压制 人 性 需求 赚钱 的 话 ， 也 不 会 给 我 们 带 来 什么 后 果 。 

在 WAP 调研 这 个 骏 例 中 ， 我 们 测试 的 用 户 数 量 确实 不 足以 得 出 准确 的 统计 结果 。 所 以 ， 如 

果 我 们 发 现 拒 绝 此 技术 的 受 试 者 比例 是 70%， 那 么 再 做 一 项 更 大 范围 的 调研 ， 所 得 出 的 真实 数 

字 可 能 也 会 是 60% 或 80%。 但 是 ， 这 并 不 重要 ， 因 为 很 明显 可 得 出 两 点 结论 : (1) 大 多 数 人 不 

SW WAP; (2) 所 有 人 都 在 这 些 用 户 界 面 上 遇 到 了 严重 妨 但 他 们 完成 任务 的 问题 。 

另外 ， 虽 然 一 周 的 WAP 手机 使 用 时 间 看 起 来 并 不 算 长 ， 但 不 笠 的 是 ， 任 何 让 消费 者 用 一 周 

时 间 都 无 法 擎 握 的 技术 注定 是 要 完蛋 的 。 

如 今 ,我 们 可 以 说 历史 已 经 为 我 们 提供 了 强 有 力 的 证 明 。 移动 信息 访问 的 表现 一 直 不 温 不 火 ， 
直到 2007 年 iPhone 市 来 了 更 好 的 用 户 界 面 后 才 有 了 转机 。 无 论 WAP 的 或 吹 者 多 么 恶毒 地 试图 
否定 我 们 的 可 用 性 调研 发 现 ，WAP 还 是 被 扫 入 了 历史 的 垃圾 堆 。 


你 无 法 对 抗 数 十 亿 的 用 户 。 我 们 党 第 取得 最 终 胜利 的 原因 是 用 户 站 在 我 们 这 边 。 


A.1 2000 年 的 实地 调研 


2000 年 秋天 ， 我 们 在 伦敦 进行 了 一 次 对 WAP 用 户 的 实地 调研 。 在 使 用 WAP 一 周 后 ， 调 研 
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参与 者 们 有 了 一 个 明确 的 结论 ， 其 中 70% 的 人 说 他 们 在 一 年 内 都 不 会 再 使 用 
WAP。 

在 这 次 调研 中 ， 我 们 给 了 20 名 用 户 每 人 一 台 WAP 手机 ， 请 他 们 使 用 一 
个 星期 ， 并且 将 他 们 的 使 用 感受 写 在 一 本 日 记 里 。 我 们 还 在 这 一 星期 开始 和 
结束 时 分 别 对 用 户 进 行 了 传统 的 可 用 性 测试 。 我 们 给 一 半 用 户 的 手机 是 爱 立 
信 R320s (图 A-1)， 男 一 半 则 给 的 是 诺基亚 7110e。 

图 A-1 展示 了 一 张 爱 立 信 R320s 的 上 照片。 屏幕 里 的 5 行文 字 是 当时 WAP 
门户 网 站 的 典型 主页 ， 其 中 的 链接 分 别 连 到 不 同 的 主题 上 。 屏 幕 下 方 的 导航 
按钮 用 来 移动 光标 。 手 机 侧 部 还 有 一 个 滚动 滑轮 ， 就 在 天 线 下 方 。 "是 ”( Yes ) 
按钮 用 于 确认 选择 ,“ 否 ”( No ) 按钮 的 功能 是 后 退 。 不 管 你 信 不 信 ， 这 部 手 
机 在 2000 年 被 认为 是 高 问 手 机 。 


A-1 爱立信 R320s 是 我 们 在 调研 中 使 用 的 
WAP 手机 之 一 


我 们 选择 在 伦 救 进 行 调研 是 因为 英国 的 手机 市 场 比 美国 更 发 达 。 英 国 的 WAP 服务 相 比 关 国 
来 说 经 过 了 更 长 时 间 的 开发 ， 而 且 在 我 们 进行 调研 的 时 候 分 布 也 更 广泛 。 

需要 注意 的 很 重要 的 一 点 是 ， 用 户 是 在 亲 目 体验 WAP 足 足 一 周 后 才 发 表 了 对 这 一 技术 的 负 
面 评价 。 询 问 焦点 小 组 里 的 成 员 是 否 会 喜欢 上 茶 个 他 们 还 未 试用 过 的 东西 是 蝶 无 意义 的 ， 所 以 
获得 可 信 数 据 的 唯一 方式 是 在 询问 用 户 的 想法 之 前 先 让 他 们 体验 一 下 这 个 技术 。 


A.2 WAP 是 无 用 的 


当然 ， 我 们 不 只 是 收集 想法 。 我 们 还 进行 计时 任务 效率 调研 ， 因 为 观察 是 数据 的 最 佳 来 源 。 
我 们 在 那 一 星期 开始 和 结束 时 请 用 户 用 他 们 的 WAP 手机 完成 简单 的 任务 。 表 A-1 展示 了 我 们 的 
一 些 发 现 。 

ER A-1 里 ， 第 一 个 数字 代表 用 户 在 调研 开始 时 完成 任务 所 需 的 平均 时 间 〈 分 钟 数 )， 第 二 
个 数字 则 代表 了 调研 结束 时 的 平均 值 。 


表 A-1 使 用 WAP 手机 完成 典型 任务 所 需 的 时 间 


调研 开始 时 调研 结束 时 
阅读 国际 新 闻 标 题 1.3 分 钟 1.1 分 钟 
查看 本 地 天 气 预报 2.7 分 钟 1.9 分 钟 
阅读 电视 节目 表 2.6 分 钟 1.6 分 钟 


正如 这 张 表 所 示 ， 我 们 的 基本 绪论 是 WAP 的 可 用 性 异常 低下 ， 即 使 是 最 简单 的 任务 也 需要 
化 费用 户 太 长 时 间 ， 不 能 让 人 人 满意。 找到 当前 的 天 气 预 报 或 者 BBC1 电视 合 晚上 8 点 会 播放 什 
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么 节目 完全 不 该 耗 时 2 分 钟 。 
我 们 询问 了 一 些 互联 网 专家 ,请 他 们 估计 这 些 任务 应 该 需要 多 长 时 间 ( 他们 还 不 知道 我 们 
的 数据 )， 答 案 大 多 在 30 秒 以 内 。 考 虑 到 当时 WAP 用 户 是 按照 使 用 分 钟 数 付费 的 ， 我 们 的 一 位 
用 户 计算 后 说 ， 与 其 用 她 的 WAP 手机 查阅 BBC 晚间 节目 ， 还 不 如 买 一 大 份 报纸 只 看 电视 节目 
版 面 来 得 实惠 。 


A3 IHE EI: 回 到 1994 年 


我 们 在 2000 ER WAP 可 用 性 调研 中 的 发 现 与 我 们 在 1994 ^E. ( Mosaic W PEARY E ) 进 
行 的 几 次 调研 惊人 地 相似 。 这 真 的 就 像 旧 日 重 现 ， 我 们 得 出 的 许多 结论 与 Web 兴起 时 得 出 的 一 
模 一 样 。 和 希望 移动 应 用 能 名 人 循 Web 的 进化 脚步 : 网 站 在 之 后 几 年 ( 特别 是 1997 年 前 后 ) BUE 
越 好 ， 于 是 越 来 越 多 的 用 户 开始 使 用 Web， 商 业 应 SUR 由 此 爆发 。 

当前 WAP 服务 的 可 用 性 被 严重 地 降低 了 ， 这 是 因为 受到 了 传统 Web 设计 原则 的 误导 。 
1994 年 的 Web 设计 问题 与 此 一 模 一 样 ， 那 时 候 许 多 网 站 都 包含 “宣传 册 件 ”(brochureware ), 
它 避 循 的 设计 原则 ( 比如 说 使 用 大 图 ) 在 印刷 版 上 很 奏效 ， 却 不 适合 交互 媒介 。 

举 个 例子 ,我 们 碰巧 看 到 Excite 使 用 的 一 种 WAP 设 计 用 4 屏 来 呈现 实际 上 只 有 2 屏 的 内 容 ( 图 
A-2 )。 这 个 设计 甚至 还 有 个 欢迎 页 面 。 更 糟 的 是 ， 应 该 包含 实际 文 草 内 容 的 第 4 屏 (图 A-2d) 
并 没有 提供 任何 新 信息 ， 几 乎 就 是 前 一 屏 的 标题 内 容 。 在 小 屏幕 上 呈现 信息 的 一 条 明确 的 设计 
原则 就 是 避免 重复 显示 用 户 刚 看 过 的 内 容 。 我 们 在 2000 年 发 现 了 这 一 点 , 它 在 今天 仍然 成 立 。( 当 
然 ， 欢 迎 页 面 无 论 在 哪 一 年 都 是 个 差劲 的 设计 选择 。 ) 
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A-2 ”用户 不 得 不 经 过 4 屏 才 能 看 到 关于 Hatfield 铁路 的 短 短 两 行 新 闻 : (a) RNB: (b) 新 闻 类 目 菜 单 ; 
C) 标题 菜单 ; (d) 文章 页 


在 Web 上 使 用 这 种 铺张 的 设计 可 能 适合 拥有 大 屏幕 PC 的 用 户 ， 但 对 小 屏幕 设备 来 说 ， 设 
计 师 必须 将 每 项 服务 精简 到 核心 部 分 ， 显 示 少 得 多 的 信息 。 

我 们 的 用 户 经 稼 磁 到 含义 不 清 的 标签 和 沫 单 选 项 ， 这 是 WAP 设计 师 用 他 们 发 明 的 特殊 语言 
编写 的 。“ 新 说 法 ”(NewSpeak ) 在 Web 发 展 初期 很 流行 ， 许 多 网 站 在 服务 中 使 用 了 目 己 发 明 的 
巧妙 词汇 ， 试 图 用 独到 的 语言 来 打造 网 站 品牌 。 这 种 方法 行 不 通 。 用 户 要 的 是 无 需 思 考 的 、 用 
标准 术 霹 来 指 代 标准 功能 的 设计 。 这 种 对 简明 霹 言 的 需求 在 WAP 上 更 为 强烈 ， 因 为 没有 空间 可 
以 放置 翻转 效果 、 图 标 或 注释 来 解释 这 些 非 标准 术语 。 


附录 A 一 小 段 历史 153 


我 们 测试 的 一 些 WAP 服务 很 难 用 ， 因 为 它们 的 信息 架构 和 用 户 任 务 不 匹配 。 举 个 例子 ， 电 
视 方 目 单 是 按照 电视 网 排列 的 ， 这 就 意味 着 你 必须 经 过 该 服务 中 的 好 几 个 部 分 才能 找到 晚上 8 
点 的 节目 。( 一 屏 显 示 BBC1， 男 一 屏 显 示 BBC2， 以 此 类 推 。 切 换 这 一 系列 屏幕 慢 得 烦人 。 ) 

WAP 服务 想 要 成 功 就 必须 进行 非常 精准 的 任务 分 析 。 不 华 的 是 ， 任 务 分 析 对 于 大 多 数 人 来 
说 就 像 魔 术 一 样 , 是 可 用 性 工程 里 最 不 为 人 所 知 的 部 分 。 传 统 的 Web 同样 受 困 于 任务 分 析 不 足 : 
许多 网 站 的 架构 部 是 基于 企业 管理 层 的 想法 ,而 非 用 户 通 常 处 理 任务 的 方式 。 对 任务 的 支持 不 
足 在 大 屏 用 的 网 站 上 是 个 严重 的 可 用 性 问题 ， 而 在 小 屏幕 的 WAP 服务 上 就 是 可 用 性 灾难 了 。 在 
大 屏 昼 上 ， 用 户 能 看 到 多 得 多 的 符 代 选项 ， 所 以 设计 师 不 用 非得 在 每 个 步骤 上 做 出 正确 无 误 的 
选择 。 而 对 于 WAP 来 说 ， 不 正确 就 意味 春 死 亡 。 

我 们 的 一 个 WAP 可 用 性 发 现 是 在 Web 上 没有 中 到 过 的 ， 那 就 是 服务 之 间 缺 乏 清 晰 的 区 分 。 
就 像 我 们 的 一 位 用 户 指 出 的 ， 如 果 比 较 《 金 融 时 报 》 和 《 卫 报 》， 在 现实 世界 里 你 找 不 出 比 它们 
之 间 区 别 更 大 的 两 份 报纸 了 ,但 在 WAP 上 你 却 难 以 区 分 两 者 。 

网 站 面临 的 问题 却 笛 笛 相反 : 它们 之 间 的 区 别 太 大 了 。 在 WAP 上 ， 服 务 的 表现 力 被 极 大 地 
削弱 了 ， 因 为 需要 将 所 有 栏目 挤 进 超 短 的 染 单 中 ， 内 容 也 需要 遍 度 精 倘 后 才能 呈现 。 服 务 提 供 
商 必 须 培 养 对 语言 的 新 审美 ， 雇 用 能 用 最 少 的 文字 表达 独特 想法 的 所 入 人 。 这 将 是 让 WAP 服务 
独树一帜 的 真正 方式 。 
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有 前 途 的 移动 互联 网 服务 采用 两 种 模式 , 这 两 种 模式 虽然 过 然 不 同 ,但 神 能 很 好 地 服务 用 户 。 
B 局 度 目 标 驱动 型 服务 任 力 于 为 特定 问题 提供 快捷 的 管 案 。 例 子 包括 “我 的 航班 被 取消 了 了， 
给 我 预订 一 张 新 机 票 ” 和 “今天 天 气 怎么 样 ”。 
B 专注 娱乐 型 服务 的 唯一 目的 是 打发 时 间 。 例 子 包 括 流言 八卦 、 游 戏 和 体育 服务 。 流 言 八 
卦 特别 适合 WAP， 因 为 内 容 可 能 会 很 简短 ， 但 仍然 能 满足 用 户 的 好 奇 心 。 
移动 服务 必须 提供 给 用 户 即 时 和 符合 上 下 文 环境 的 内 容 。 像 购物 这 样 的 一 般 性 服务 不 太 可 
能 在 移动 环境 里 取得 成 功 。 事 实 也 是 如 此 ， 用 户 收 藏 的 服务 列表 里 基本 没有 购物 ， 体 育 和 娱乐 
是 最 大 的 两 个 门类 。 
打发 时 间 是 移动 设备 上 的 完美 应 用 ， 这 是 因为 它们 在 用 户 等 竺 共事 发 生 时 立即 可 用 。 在 公 
区 车 站 ? 玩 一 小 会 儿 游 戏 。 正 在 排队 ? 看 一 段 八 卦 。 堵 在 纹 丝 不 动 的 车 流 里 了 ? 看 看 你 最 爱 球 
队 的 得 分 。 
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